CSS选择器

CSS选择器（3）：标签选择器(根据元素标签名称)，

类选择器(根据元素class属性)，

id选择器(根据元素id属性)；

并且三种选择器可以相互结合使用

例如：

1.标签选择器

body{ line-height: 1.8125;">//这里的body就是标签选择器了，{}中是设置匹配元素的背景颜色，即设置body背景色为红色

 

2.id选择器

#main{width:600px}

//这里的#main就是id选择器了，匹配网页中id为main的元素

 

3.类型选择器

.logo{width:300px}

//这里的.logo就是类型选择器了，匹配网页中class为logo的元素

 

4.结合使用：

div.logo{width:300px}

//这里的div.logo结合了标签选择器和类选择器，匹配网页中class为logo的div元素

 

*

派生选择器

通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。

在 CSS1 中，通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。