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 @   小江坤  阅读(68)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示