本文介绍了CSS中的高级选择器，包括层次选择器（后代、子、相邻、通用兄弟）和属性选择器（E[attr]、E[attr=val]、E[attr*=val]、E[attr^=val]、E[attr$=val]），详细阐述了它们的作用和使用场景。
一、层次选择器
1.后代选择器 （父子之间一定要有空格）
可以对儿子、孙子、重孙子等标签进行样式修改
2.子选择器 （中间用>表示）
只能对儿子进行作用
3.相邻选择器（+表示）
仅对下面一行产生样式变化
4.通用兄弟选择器（~表示）
对下面所有行产生样式变化
二、属性选择器 （都有[]这个中括号）
1.E[attr] 选择匹配具有属性attr的E元素
就是所有元素可以替代E，所有属性可以替代attr
2.E[attr=val]
更为精确，val值相同的样式都变化
3.E[attr*=val]
较为模糊，值里面有相同字母的样式都会产生变化
4.E[attr^=val]
提取val里面开头部分中相同字母或数字，相同的都会产生样式变化
5.E[attr$=val]
提取val中末尾部分中的相同字母或数字，相同的则产生变化
扫一扫
1371
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
