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


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

查看所有标签

猜你喜欢:

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

UNIX系统编程: 通信、并发与线程

UNIX系统编程: 通信、并发与线程

【美】Kay Robbins、Steve Robbins / 师蓉 / 电子工业出版社 / 2018-5 / 198

《UNIX系统编程: 通信、并发与线程》是一本基于最新UNIX标准的完备的参考书,对UNIX编程的要点进行了清晰易懂的介绍,从一些用于说明如何使用系统调用的短小代码段开始,逐渐过渡到能帮助读者扩展自己技能水平的实际项目中。《UNIX系统编程: 通信、并发与线程》中对通信、并发和线程问题进行了深入探讨,对复杂的概念(如信号和并发)进行了全面且清晰的解释,还覆盖了与文件、信号、信号量、POSIX线程和......一起来看看 《UNIX系统编程: 通信、并发与线程》 这本书的介绍吧!

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

多种字符组合密码

SHA 加密
SHA 加密

SHA 加密工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器