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


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

查看所有标签

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

Windows黑客编程技术详解

Windows黑客编程技术详解

甘迪文 / 人民邮电出版社 / 2018-12 / 108

《Windows黑客编程技术详解》介绍的是黑客编程的基础技术,涉及用户层下的Windows编程和内核层下的Rootkit编程。本书分为用户篇和内核篇两部分,用户篇包括11章,配套49个示例程序源码;内核篇包括7章,配套28个示例程序源码。本书介绍的每个技术都有详细的实现原理,以及对应的示例代码(配套代码均支持32位和64位Windows 7、Windows 8.1及Windows 10系统),旨在......一起来看看 《Windows黑客编程技术详解》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

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

Markdown 在线编辑器

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

HEX CMYK 互转工具