文档章节

CSS 选择器参考手册

Jack088
 Jack088
发布于 01/19 00:20
字数 382
阅读 21
收藏 0

CSS 选择器参考手册

选择器 描述
[attribute] 用于选取带有指定属性的元素。
[attribute=value] 用于选取带有指定属性和值的元素。
[attribute~=value] 用于选取属性值中包含指定词汇的元素。
[attribute|=value] 用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。
[attribute^=value] 匹配属性值以指定值开头的每个元素。
[attribute$=value] 匹配属性值以指定值结尾的每个元素。
[attribute*=value] 匹配属性值中包含指定值的每个元素。

 

定义和用法

:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。

li:first-child
{
background:yellow;
}

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。

n 可以是数字、关键词或公式。

p:nth-child(2)
{
background:#ff0000;
}
p:nth-child(odd)
{
background:#ff0000;
}
p:nth-child(even)
{
background:#0000ff;
}
p:nth-child(3n+0)
{
background:#ff0000;
}

:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.

n 可以是数字、关键词或公式。

p:nth-of-type(2)
{
background:#ff0000;
}
p:nth-of-type(odd)
{
background:#ff0000;
}
p:nth-of-type(even)
{
background:#0000ff;
}
p:nth-of-type(3n+0)
{
background:#ff0000;
}

 

 

ps:

http://www.w3school.com.cn/css/css_syntax_attribute_selector.asp

© 著作权归作者所有

共有 人打赏支持
Jack088
粉丝 42
博文 487
码字总数 70102
作品 0
程序员
私信 提问
推荐几份能够帮助你学习 CSS3 的实用帮助手册

今天这篇文章向大家分享几份对学习 CSS3 非常有帮助的手册,大家记得收藏起来。CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很...

未来十年
2012/09/21
0
0
精读《使用 CSS 属性选择器》

1 引言 虽然现在 Css Module 与 Css-in-js 更流行,但使用它们会导致过分依赖 滥用 class 做唯一定位,违背了 Css 选择器的初衷。 本期精读的文章是:attribute-selectors-splicing-html-dna...

黄子毅
2018/11/26
0
0
jquery系列教程1-选择器全解

全栈工程师开发手册 (作者:栾鹏) 快捷链接: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程...

luanpeng825485697
2017/08/05
0
0
[Share]前端开发大众手册(包括工具、网址、经验等)

【原始地址】:http://www.chencheng.org/blog/2008/10/25/f2e-manual/ 一直觉得前端开发缺个手册,这是个体力活。不过总得有人来干。 今天闲来无事,把一些工具(online和client的)、常用网址...

吞吞吐吐的
2017/09/09
0
0
Less-学习笔记

这是less官网的介绍: http://www.1024i.com/demo/less/document.html 大家都是在一起学习,最好的地方无疑就是官网,不过每个人学习方式和基础不同,以至于学完后掌握才会出现差异 开源中国...

透笔度
2015/10/16
137
0

没有更多内容

加载失败,请刷新页面

加载更多

RabbitMQ入门

RabbitMQ是一个由erlang开发的基于AMQP(Advanced Message Queue)协议的开源实现。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面都非常的优秀。是当前最主流的消息中间...

watermelon11
今天
15
0
今天的学习

自动加载:方法一 function __autoload( $className ){在这里,完成加载B这个类文件的工作。}class A{} //这是一个类$a1 = new A(); //这里没有自动加载的发生,因为A这个类...

墨冥
今天
2
0
印刷工艺步骤

印刷厂从收到订单到交付整个流程,一般涉及到以下步骤 1.设计(经过软件如cdr,psd,ai等等设计需要印刷的名片,宣传单,画册等物料); 2.排版拼版(在电脑软件这区域完成); 3.出版、出硫...

focusone
昨天
4
0
virtualbox中安装ubuntu

virtualbox+ubuntu 安装virtualbox,当前版本是6.0.4 下载ubuntu安装盘,建议lubuntu,链接是http://mirrors.ustc.edu.cn/ubuntu-cdimage/lubuntu/releases/18.04.2/release/lubuntu-18.04.......

chuqq
昨天
5
0
exists 谓词的子查询

https://blog.csdn.net/qq_19782019/article/details/78730882

仟昭
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部