行内样式 >ID > Class >标记
基本选择器 | 标记选择器（eg:<p></p>） |
类别选择器(eg:class) | |
ID选择器 | |
复合选择器 | “交集”复合选择器(eg:p.menu{color:red}) 必须是标记+类别/ID组合 |
“并集”复合选择器(eg:h1,h2,h3{color:red}) | |
“后代”复合选择器(eg: #menu .menulist{ … }) | |
“子” 复合选择器(eg: #menu .menulist .selectit { … }) |
四、 使用子选择器减少id和class的定义
示例结构：
<div id=”menu”>
<div class=”menulist”>
<div class=”selectit”>content</div>
</div>
</div>
示例CSS：
#menu { … }
#menu .menulist { … }
#menu .menulist .selectit { … }
五、 使用组选择器为不同元素应用相同的样式
如h1,h2,h3,div{font-size:16px;font-weight:bold}
则h1,h2,h3,div元素的样式都为字体16像素，字体粗体
六、 伪类和选择符的配合使用
将伪类和类组合起来用，就可以在同一个页面中做几组不同的链接效果了，例如，我们定义一组链接为红色，访问后为蓝色；另一组为绿色，访问后为黄色：
