选择器
-
标签选择器:修改所有同标签内容的样式。
p { } div { }
-
类选择器(class)
.red { } /*修改所有类名为red的标签内样式*/ .red blue { } /*多类名,同时为多个类名设计相同样式,简化代码*/
-
id选择器
#red { }
由id="red"调用且只能被调用一次。
虽然有时候多次调用相同的id可以获得相同的效果,但在html里,id一般被认为是身份证,规定id是唯一的,多次使用相同的id会使后台产生错误。
-
通配符选择器
* {
}
对所有标签产生影响。
-
后代选择器(指定范围内的所有后代)
ol li { } /*指定ol里的li*/ .nav li a { } /*指定类名为nav的标签里的li里的a*/
-
子选择器
–管最近一级子元素
div>p {
}
- 并集选择器(集体声明)
div,p,a {
}
–不同元素之间用逗号隔开,元素也可以为其他选择器。
- 伪类选择器
–链接伪类(对在不同操作下的链接样式进行设计)
a:link {} /*未访问*/
a:visited {} /*已访问*/
a:hover {} /*鼠标位于其上时*/
a:active {} /*按下未弹起*/
– :focus伪类(用于选择获得焦点的表单元素,既对光标选择的元素样式进行设计)
一般格式:
input:focus {
}