如何定位除css3中第一个标签以外的所有标签？

Question

这是我的HTML

<div class="app-screens"> 
    <a href="./includes/images/taaid/Screenshot_2013-12-08-15-00-37.png" data-title="TA AID" data-lightbox="taaid"> 
     <img src="./includes/images/taaid/Screenshot_2013-12-08-15-00-37.png"/> 
    </a> 
    <a href="./includes/images/taaid/Screenshot_2013-12-08-15-02-16.png" data-title="TA AID" data-lightbox="taaid"> 
     <img src="./includes/images/taaid/Screenshot_2013-12-08-15-02-16.png"/> 
    </a> 
    <a href="./includes/images/taaid/Screenshot_2013-12-08-15-03-38.png" data-title="TA AID" data-lightbox="taaid"> 
     <img src="./includes/images/taaid/Screenshot_2013-12-08-15-03-38.png"/> 
    </a> 
    <a href="./includes/images/taaid/Screenshot_2013-12-08-15-06-19.png" data-title="TA AID" data-lightbox="taaid"> 
     <img src="./includes/images/taaid/Screenshot_2013-12-08-15-06-19.png"/> 
    </a> 
    <a href="./includes/images/taaid/Screenshot_2013-12-08-15-06-29.png" data-title="TA AID" data-lightbox="taaid"> 
     <img src="./includes/images/taaid/Screenshot_2013-12-08-15-06-29.png"/> 
    </a> 
    <a href="./includes/images/taaid/Screenshot_2013-12-08-15-06-45.png" data-title="TA AID" data-lightbox="taaid"> 
     <img src="./includes/images/taaid/Screenshot_2013-12-08-15-06-45.png"/> 
    </a> 
</div> 

和我的CSS

.app-screens img:not(:first-child) { 
    display: none; 
} 

我想隐藏除第一个所有img标签。但他们仍然显示...有谁知道什么是错的？

感谢

Answer 1

相反IMG的：没有（：第一个孩子），你必须使用一个：没有（：第一胎）。

CSS：

.app-screens a:not(:first-child) { 
    display: none; 
} 

Answer 2

.app-screens a:not(:first-child) img { 
    display: none; 
} 

你有那么图像之前针对anchors。

Answer 3

你可以试试这个：

演示enter link description here

.app-screens a:not(:first-child) { 
    display: none; 
} 

Answer 4

只是为了好玩，你可以用CSS2做到这一点，如果你想支持更多的浏览器：

.app-screens a img { display: none; } 
.app-screens a:first-child img { display: block; }