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

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

内容简介:翻译自: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


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

查看所有标签

猜你喜欢:

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

从零开始学C++程序设计

从零开始学C++程序设计

编者:吴惠茹 / 机械工业 / 2017-05-01 / 69.0

一起来看看 《从零开始学C++程序设计》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

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

html转js在线工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具