本文详细介绍了CSS选择器的使用方法，包括基本的选择器如ID选择器、类选择器，以及组合选择器等。同时，还介绍了属性选择器、过滤选择器、子元素选择器等高级用法，并通过实例展示了如何应用这些选择器来定位页面中的元素。
E#name
div#name
<div id="name"></div>
E.name
div.name
<div class="name"></div>
div.one.two
<div class="one two"></div>
div#name.one.two
<div id="name"class="onetwo"></div>
E>E
head>link
<head>
<link/>
</head>
table>tr>td
<table>
<tr>
<td></td>
</tr>
</table>
ul#name>li.item
<ul
id="name">
<li
class="item"></li>
</ul>
E+E
p+p
<p></p>
<p></p>
div#name>p.one+p.two
<div
id="name">
<p
class="one"></p>
<p
class="two"></p>
</div>
E[attr]
Added in v0.6
p[title]
<p title=""></p>
td[colspan=2]
<td colspan="2"></td>
span[title="Hello"rel]
<span title="Hello"rel=""></span>
E|filter
Added in v0.6
p.title|e
<pclass="title"></p>
Read Filters for more info
E*N
p*3
<p></p>
<p></p>
<p></p>
ul#name>li.item*3
<ul
id="name">
<li
class="item"></li>
<li
class="item"></li>
<li
class="item"></li>
</ul>
E*N$
p.name-$*3
<p
class="name-1"></p>
<p
class="name-2"></p>
<p
class="name-3"></p>
select>option#item-$*3
<select>
<option
id="item-1"></option>
<option
id="item-2"></option>
<option
id="item-3"></option>
</select>
E+
ul+
<ul>
<li></li>
</ul>
table+
<table>
<tr>
<td></td>
</tr>
</table>
dl+
<dl>
<dt></dt>
<dd></dd>
</dl>
扫一扫
405
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
