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

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

您必须在此之前定位anchors。

Answer 2

而不是img：not（：first-child）你必须使用：not（：first-child）。

CSS：

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

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; }

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

4 个答案: