样式规则的选择器
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{...}
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{...}
相关文章推荐
- Lesson03_02 样式规则选择器
- CSS 样式规则选择器
- CSS 样式规则选择器
- 样式规则选择器和样式属性
- Lesson03_02 样式规则选择器
- Android Shape实现选择器样式
- QT 窗口样式,最小化 无边框 不规则窗体
- Sling或CQ5中,REST的选择器的规则
- 用css3选择器给你要的第几个元素添加不同样式方法【转发】
- div+css样式命名规则,值得收藏
- html中css三种常见的样式选择器
- 简单化规则原理 浅谈CSS后代选择器
- 2、 jQuery选择器--样式篇
- 再谈javascript 动态添加样式规则 W3C校检
- QT表单样式规则
- css知多少(3)——样式来源与层叠规则
- Css的样式的引入与选择器
- jQuery-样式(jQuery选择器)
- Qt 之 样式表的使用——样式选择器(上篇)
- CSS3-html,样式与样式表的创建,选择器