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>
通配符选择器:
* {
属性:属性值;
......
}//通配符选择器不需要调节,直接给所有的元素使用样式

posted @ 2022-01-17 14:48  小江坤  阅读(75)  评论(0)    收藏  举报