CSS选择器将样式应用于除第一个之外的所有图像

栏目: CSS · 发布时间: 6年前

内容简介:翻译自:https://stackoverflow.com/questions/12075655/css-selectors-apply-style-to-all-images-except-the-first-one

我认为我可以使用高级CSS选择器来做到这一点,但是很挣扎.

我有一个JS小提琴 here 与下面的例子

基本上,我如何定位每个图像,除了第一个?我不想使用类或ID,我只想使用高级选择器,如果可能的话.

所以类似于.entry-content img:first-child(虽然我知道这不起作用)

<div class='entry-content'>
    <div>
        <img src='http://placedog.com/400/300'/>
    </div>
    <div>
        <img src='http://placedog.com/400/300'/>
    </div>        
     <div>
        <img src='http://placedog.com/400/300'/>
    </div>
</div>
如果要选择除第一个之外的所有img标记,请使用:not subclass:
.entry-content div:not(:first-child) img

工作范例:

http://jsfiddle.net/GrAaA/

浏览器支持:

:不是 http://caniuse.com/#search=%3Anot

:第一个孩子 http://caniuse.com/#search=%3Afirst-child

翻译自:https://stackoverflow.com/questions/12075655/css-selectors-apply-style-to-all-images-except-the-first-one


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

实用语义网

实用语义网

2009-2 / 59.00元

《实用语义网RDFS与OWL高效建模(英文版)》是语义网的入门教程,详细讲述语义网的核心内容的语言,包括语义网的概念、语义建模等。语义网的发展孕育着万维网及其应用的一场革命,作为语义网核心内容的语言:RDF和OWL,逐渐得到广泛的重视和应用。 《实用语义网RDFS与OWL高效建模(英文版)》对于任何对语义网感兴趣的专业技术人员都是十分难得的参考书。一起来看看 《实用语义网》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

随机密码生成器
随机密码生成器

多种字符组合密码

html转js在线工具
html转js在线工具

html转js在线工具