如何选择此课程？

Question

我该如何选择不是.slideshow班的孩子的.media班？

<article> 
    <div class="entry"></div> 
    <figure class="media"></figure> 
</article> 

<article> 
    <div class="slideshow"> 
     <div class="entry"></div> 
     <figure class="media"></figure> 
    </div> 
</article> 

很显然，我可以做.slideshow .media为目标的第二个，但我将如何定位，首先一个？

注意：这些块中的每一个都有多个，因此只需执行类似article:first-chlid来选择第一个实例就行不通。

多块的例子...

<article> 
    <div class="entry"></div> 
    <figure class="media"></figure> 
</article> 

<article> 
    <div class="entry"></div> 
    <figure class="media"></figure> 
</article> 

<article> 
    <div class="entry"></div> 
    <figure class="media"></figure> 
</article> 

<article> 
    <div class="slideshow"> 
     <div class="entry"></div> 
     <figure class="media"></figure> 
    </div> 
</article> 

<article> 
    <div class="entry"></div> 
    <figure class="media"></figure> 
</article> 

<article> 
    <div class="slideshow"> 
     <div class="entry"></div> 
     <figure class="media"></figure> 
    </div> 
</article> 

Answer 1

他们并不意味着同样的事情，所以我会添加第二个一流的class=media一部分，所以你可以分别针对这

<article> 
    <div class="entry"></div> 
    <figure class="media"></figure> 
</article> 

<article> 
    <div class="slideshow"> 
     <div class="entry"></div> 
     <figure class="media another-class"></figure> 
    </div> 
</article> 

CSS

.media.another-class {...} 

你也可以使用直接子选择器

article > .media 

Answer 2

你可以只使用两个班...

.media{ 
    /* styles here */ 
    padding:10px; 
} 
.slideshow .media{ 
    /* styles here */ 
    padding:20px; 
} 

Answer 3

试试这个：

:not(.slideshow)>.media{ 
    //code here 
} 

例如：
http://jsfiddle.net/kLyDF/

信息：
http://www.w3schools.com/cssref/sel_not.asp