CSS 选择器参考手册

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/jack088/blog/3003460

CSS 选择器参考手册相关推荐

【转载】CSS 选择器参考手册
CSS 选择器参考手册转载:W3School 简体中文版 CSS3 选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. "CSS" 列指示该属性是在哪个 CS ...
css选择器参考手册
选择器例子例子描述 CSS .class .intro 选择 class="intro" 的所有元素. 1 #id #firstname 选择 id="firstna ...
html做出来的网页参考,完整的网页创建手册（DHTML，HTML，CSS）参考手册CHM格式...
通过以下链接访问参考资料,以帮助您创建引人入胜的网页. 动态HTML(DHTML)对象模型参考 DHTML对象 DHTML属性 DHTML方法 DHTML事件 DHTML集合 HTML参考 HTML元 ...
W3c html+css基础参考手册-2016-01参考
CSS3 选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. "CSS" 列指示该属性是在哪个 CSS 版本中定义的.(CSS1.CSS2 还是 CSS3.) ...
CSS选择器和参考手册
CSS的基本语法选择器:通过选择器可以选中页面中的指定元素.声明块:通过声明块来指定元素设置样式.声明块由一个一个的声明组成声明是由一个名值对结构:一个样式名对应一个样式值,名和值之间以:连接,以; ...
爬虫css选择器，选择属性
有一个网页是这样的,我向提取onclick里的值. 这时用attr, 如下代码: if selector.css(".con10 a.but_alert").get():id = ...
学习《CSS选择器Level-4》不完全版
1 概述 1.1 前言选择器是CSS的核心组件.本文依据W3C的Selectors Level 4规范,概括总结了Level1-Level4中绝大多数的选择器,并做了简单的语法说明及示例演示.希望对 ...
网络爬虫之css选择器
文章目录通过id,class选择元素元素内部筛选通过属性值筛选取值参考通过id,class选择元素 #container 选择id为container的元素 .container 选择所有 ...
关于CSS选择器的权重计算
CSS选择器的权重计算公式大概如下: 内联样式表的权值最高为 1000: ID 选择器的权值为 100 Class 类选择器.属性选择器.伪类的权值为 10 HTML 元素选择器.伪元素的权值为 1 ...

CSS 选择器参考手册

CSS 选择器参考手册

定义和用法

CSS 选择器参考手册相关推荐

最新文章

热门文章