您的位置:首页 > Web前端 > CSS

样式规则的选择器

2013-11-15 22:27 120 查看
1、html selector
html 元素 {......}

2、class selector
1)、实现同一个标签不同的样式

p.one{....}
p.two{....}
2)、所有的标签都可以有相同的样式

.one{...}
.two{...}

3、id selector
1)、定义形式为:#idName{....},一个ID样式只能供一个标签使用

4、关联选择器
1)、定义:p em{....},使用时必须是这个结构才会启作用:<p><em>aaaaaa</em></p>

5、组合选择器
1)、定义:p,div,.one,#two{....}

6、伪元素选择器
同一个标签、不同状态的样式

a:link{...}
a:hover{...}
a:visited{...}
总 结(组合运用):
div a.one:link{...}
a.two:link{...}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  web 样式 选择器