标签:
1、元素选择器
html文档的元素就是选择器
2、类选择器
类选择器允许以一种独立于文档元素的方式来指定样式
语法为:.className{}
所有能够附带class属性的元素都可以使用此样式声明
将元素的class属性的值设置为样式类名
可以将类选择器和元素选择器结合起来使用,以实现对某种元素中的不同样式的细分控制
语法为:元素选择器.className{}
先声明一个元素选择器
然后使用一个点号(.)代表将使用类选择器
然后声明一个类的名称
最后使用一对大括号声明样式规则
将样式规则与附带class属性的某种元素匹配
元素的class属性的值为分类选择器中指定样式类名
3、id选择器
id选择器以一种独立于文档元素的方式来指定样式
它仅作用于id属性的值
语法为:
选择器前面需要一个#号
选择器本身则为文档中某个元素的id属性的值
4、选择器分组
选择器声明为以逗号隔开的选择器列表
将一些相同的规则作用于多个元素
5、派生选择器
通过依据元素在其位置的上下文关系来定义样式
选择器一端包括两个或多个用空格分隔的选择器
6、伪类选择器
伪类用于向某些选择器添加特殊的效果
使用冒号(:)作为结合符,结合符左边是其他选择器,右边是伪类
常用伪类:
:link
:active
:visited
:hover
:focus
标签:
原文地址:http://www.cnblogs.com/Crow00/p/4573192.html