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;选取第几个

posted @   missSherry1014  阅读(215)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示