HTML/CSS/Style Basics/Group Selector

Материал из Web эксперт
Перейти к: навигация, поиск

Combine selectors to narrow a selection based on element position.

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> p,ol,li { 

 border: 1px solid black;
 padding-left: 10px;
 font-family: monospace;
 margin: 10px;
 margin-left: 0px;

} ol { 

 margin-left: 0px;
 padding-left: 40px;
 margin-top: 20px;

} </style> </head> <body>

p.my-class

  1. div ol li
  2. div ol li

  3. div ol li p.my-class

</body> </html> 

</source>


To apply different selectors to the same group of rules

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> p,ol,li { 

 border: 1px solid black;
 padding-left: 10px;
 font-family: monospace;
 margin: 10px;
 margin-left: 0px;

} </style> </head> <body>

p.my-class

  1. div ol li
  2. div ol li

  3. div ol li p.my-class

</body> </html> 

</source>
Источник — «http://www.wbex.ru/index.php?title=HTML/CSS/Style_Basics/Group_Selector&oldid=5915»