CSS 常用选择器
CSS 选择器:https://www.w3school.com.cn/css/css_selectors.asp
CSS 选择器参考手册:https://www.w3school.com.cn/cssref/css_selectors.asp
标签 标签选择器
# id选择器
. 类选择器
空格
div p # 选择 <div> 元素内的所有 <p> 元素。
>
div > p # 选择父元素是 <div> 的所有 <p> 元素。
+
div + p # 选择紧跟 <div> 元素的首个 <p> 元素。
~
p ~ ul # 选择前面有 <p> 元素的每个 <ul> 元素。
:first-child 第一个
:nth-child(n) 第几个
:nth-last-child(n) 从后算第几个
CSS 选择器
CSS 选择器用于“查找”(或选取)要设置样式的 HTML 元素。
我们可以将 CSS 选择器分为五类:
简单选择器(根据名称、id、类来选取元素)
组合器选择器(根据它们之间的特定关系来选取元素)
伪类选择器(根据特定状态选取元素)
伪元素选择器(选取元素的一部分并设置其样式)
属性选择器(根据属性或属性值来选取元素)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本