CSS查漏补缺

1、相邻兄弟选择器

相邻兄弟选择器语法如下:E1 + E2,E2是选择器的对象,如果E1和E2在文档树中共享相同的父级且E1紧跟在E2前面,忽略非元素节点(例如,文本节点和注释),选择器匹配

2、属性选择器

[attr] 当元素设置了"att"属性时匹配,无论该属性的值是什么

[attr=val] 当元素的"att"属性值恰好是"val"时匹配

[attr~=val] 代表一个有attr属性且值是一个由空白字符分隔的单词列表,其中之一恰好是“val”的元素。如果"val"含有空格,就不代表任何东西(因为单词是用空格分隔的)。如果"val"是个空字符串,它将同样不代表任何东西

[attr | = val] 代表一个有attr属性且值要么恰好是“val”要么以后面紧跟着"-"的"val"开头的元素。这主要是为了允许语言子码(language subcode)按照BCP 47([BCP47])或者其后续版本进行匹配(例如,HTML中a元素的hreflang属性)

属性值必须是标识符或者字符串,选择器中属性名和值的大小写敏感性取决于文档语言

这个完全没听过,刚测试了一下,还真是

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容