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>
通配符选择器:
* {
属性:属性值;
......
}//通配符选择器不需要调节,直接给所有的元素使用样式
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!