CSS3 选择器
选择器 | 示例 | 示例描述 |
.class | .intro | 选择class=’_introu的所有元素 |
#id | #firstname | 选择id=”firstndmen的所有元素 |
* | 氺 | 选择所有元素 |
element | P | 选择所有<P>元素 |
element,element | div.p | 选择所有<div>元素和所有<p>元素 |
element element | div p | 选择<div>元素内部的所有<p>元素 |
element>element | div>p | 选择父元素为<div>元素的所有<p>元素 |
element+element | div+p | 选择紧接在 <div>元素之后的所有<p>元素 |
[attribute] | [target] | 选择带有target属性所有元素 |
[dttribute=value] | [target=_b!cink] | 选择target="_blank"的所有元素 |
[dttribyte~=value] | [title~=flower] | 选择title属性包含单词flower的所有元素 |
[attribute | =value] | [Ung 丨=en] | 选择lang属性值以e n开头的所有元素 |
:link | a:link | 选择所有未被访问的链接 |
:visited | a;visited | 选择所有已被访问的链接 |
:active | aicjctive | 选择活动链接 |
:hover | a:hover | 选择光标位于其上的链接 |
:focus | input:focus | 选择获得魚点的iinput元素 |
:first—letter | p:first—letter | 选择每个<p>元素的首字母 |
:first—line | p:f»rst—line | 选择每个<p>元素的首行 |
:first—child | p:first—child | 选择属于父元素的第一个子元素的每个<p>元素 |
:before | p:before | 在每个<p>元素的内容之前插入内容 |
:after | p:dfter | 在每个<p>元素的内容之后插入内容 |
:lang(Ianguage) | p:lcmg(it) | 选择带有以it幵头的lang属性值的每个<p>元素 |
element"!〜element2 | p〜ul | 选择前面有<p>元素的每个<ul>元素 |
[dttributeA=value] | a[src" = "https"] | 选择其src属性值以https开头的每个<d>元素 |
[dttribute$=value] | d[src$=".pdf] | 选择其src属性以.pdf结尾的所有<a>元素 |
选择器 | 示例 | 示例描述 |
[dttribute*=value] | a[src*="t]bc"] | 选择其src属性中包含
|
点击加载更多评论>>