http://wbex.ru/index.php?action=history&feed=atom&title=HTML%2FCSS%2FStyle_Basics%2FselectorHTML/CSS/Style Basics/selector - История изменений2026-04-04T19:11:25ZИстория изменений этой страницы в викиMediaWiki 1.30.0http://wbex.ru/index.php?title=HTML/CSS/Style_Basics/selector&diff=5912&oldid=prev в 09:21, 26 мая 20102010-05-26T09:21:00Z<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 09:21, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>http://wbex.ru/index.php?title=HTML/CSS/Style_Basics/selector&diff=5913&oldid=prevAdmin: 1 версия2010-05-26T08:17:22Z<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Attribute Selectors==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
Attribute selectors allow you to use the attributes that an element carries in the selector. <br />
<br />
<p id="important" class="XHTML attributes">You must place all attributes<br />
in double quotes.</p><br />
<br />
<br />
paragraph[id] matches an element called paragraph carrying an attribute called id<br />
paragraph[id="important"] matches an element called paragraph carrying an attribute called id whose value is important<br />
paragraph[class~="XHTML"] matches an element called paragraph carrying an attribute called class, whose value is a list of space-separated words, one of which is exactly the same as XHTML<br />
paragraph[class|="XHT"] matches an element called paragraph carrying an attribute called class whose value begins with XHT <br />
</source><br />
<br />
<br />
<br />
<br />
==The Adjacent Sibling Selector==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
An adjacent sibling selector matches an element type that is the next sibling of another. <br />
<br />
h1 + p {}<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==The Child Selector==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
The child selector matches an element that is a direct child of another. <br />
<br />
td > b {}<br />
</source><br />
<br />
<br />
<br />
<br />
==The Class Selector==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
The class selector matches a rule with an element carrying a class attribute whose value you specify in the class selector. <br />
<br />
<p class="BackgroundNote">This paragraph contains an aside.</p><br />
</source><br />
<br />
<br />
<br />
<br />
==The Descendent Selector==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
The descendent selector matches an element type that is a descendent of another specified element, <br />
at any level of nesting not just a direct child. <br />
table b {}<br />
</source><br />
<br />
<br />
<br />
<br />
==The ID Selector==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
The id selector works on the value of id attributes. <br />
<br />
p.#abstract<br />
</source><br />
<br />
<br />
<br />
<br />
==The Type Selector==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
The type selector matches all of the elements specified in the comma-delimited list. <br />
<br />
page, heading, paragraph {}<br />
</source><br />
<br />
<br />
<br />
<br />
==Universal Selector==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
The universal selector is an asterisk; <br />
it is like a wildcard and matches all element types in the document.<br />
*{}<br />
</source></div>Admin