CSS的选择器
选择器有两种:基础选择器和复合选择器
复合选择器:多个基础选择器组合
后代选择器(重要):
ol li{
color:
}
ol li a{
}
.xuanzheqi ol li a{
}
子选择器:必须选亲儿子 元素1>元素2{样式声明}
并集选择器:最好竖着写
div,p{
}
div,p,.xuanzheqi li
伪类选择器:用冒号(:)表示 比如:hover :first-child
链接选择器:a:link //选择所有未被访问的链接
a:visited //选择所有已被访问过的链接
a:hover //选择鼠标位于其上的链接
a:active //选择活动链接(鼠标按下未弹起的链接)
:focus伪类选择器用于选取获得焦点的表单元素
焦点光标,一般情况<input>类表单元素才能获取,因此这个选择器也主要真对于表单元素来说。
input:focus{
}
等等
基础选择器有四种:标签选择器、id选择器、类选择器(最常用的)、通配符选择器。
标签选择器:
标签名 {
属性:属性值;
......
}
<p></p>
id选择器:
#id名 {
属性:属性值;
......
}
<p id="id名"></p>
类选择器:
.类名 {
属性:属性值;
......
}
<p class="类名"></p>
通配符选择器:
* {
属性:属性值;
......
}//通配符选择器不需要调节,直接给所有的元素使用样式

浙公网安备 33010602011771号