介绍

　　选择器用于找到HTML标签

 

分类

　　1. 标签选择器：用HTML标签名作选择器

　　使用

p { color : red; font-siez : 12px }

 

　　2. id选择器：用“#”作表示，后跟HTML标签id属性值。一张页面中的HTML标签的id值唯一。

<div id="mydiv"> HTML5开发 <div>

#mydiv { color : red ; font-size : 12px; }

 

　　3. 类选择器：用"."作表示，后跟HTML标签class属性值。类选择器让同class属性值的标签有相同样式。

<div class="mydiv"> HTML5开发 <div>

.mydiv { color : red ; font-size : 12px }

 

　　4. 限定选择器：查找HTML5标签下限定的选择器。由两个选择器构成，前者是类选择器，后者id选择器或类选择器

<div id="mydiv" class="myclass"> HTML5开发 <div>

 
 div.myclass { color : red; font-size : 12px; }
 div#mydiv { color : red; font-size : 12px;}
  

　

　　5. 后代选择器：用于选择HTML标签后代。父元素在前，子元素在后，中间一个空格

div p {....}
duv #mydiv {....}
ul li a {......}
p .myclass {......}

　　

　　6. 并集选择器：用逗号将多个选择器同时组合

div,p,#mydiv,ul {......}

 

　　7. 伪类：为将发生某类动作的标签设置样式

/*  选择鼠标悬停的a标签 */
a:hover { color : #ff6700; }

/* 选择获取焦点的a标签 */
a:focus { color : #ff6700; }

/* 选择第n个孩子 */
ul:nth-child(n) {.....}

/* 选择倒数第n个孩子 */
ul:nth-last-child(n) {......}