CSS选择器(10种)
命名规范
不要用下划线和纯数字纯汉字
ID选择器
命名规则:第一个字母必须是英文(大小写都行),后面的ok
#the-id selector{
}
div id="the-id selector"
class选择器
使用.开头,然后自定义一个名称,命名规则与id选择器相同
.the-id selector{
}
div class="the-id selector"
Tag 选择器
就是直接使用HTML标签(tag)的名称
==如果在Tag名称后加上ID选择器或者class选择器,他将不会生效
三个选择器的延伸写法
运用空格
eg: .container + 空格 + div
这就是选取拥有container这个class的HTML元素里面的所有div
运用大于符号
.container > div
就是选取拥有container这个class的HTML元素里面的第一层的div
运用加号
.container + div
意思是选取拥有container这个class的HTML元素与它身处第一层紧接着的div
注:紧接着的并不是div
波浪符号
意思是选取拥有container这个class的HTML元素与它身处同一层之后的所有div都可以运用到
星号(通配符选择器)
是任何HTML标签的意思,
如果只用一个星号的话是选取所有的HTML元素
一般会结合上面的符号筛选范围
属性选择器
利用HTML的属性
伪类选择器
用于选取普通选择器不能表达的讯息
用法在选择器后面加一个冒号
hover;visit
nth-ch;选取第几个
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通