前言
前两天看文档看到选择器那块儿的时候，前面4个基本都能理解：.class，#id，element，element, element，但后面两个::after和::before（文档中说，分别表示在view 组件的后面和前面插入内容），表示有点没有理解。于是上网仔细查了下。以下是笔记
(此图片来源于网络，如有侵权，请联系删除! )
image
基本概念
::before 用法：view::before，表示在该view组件的前面加入内容
::after 用法：view::after，表示在该view组件的后面加入内容
这里是双冒号，不是单冒号。单冒号是CSS2的内容，双冒号是CSS3
2022-10-17 13:01:48
72KB
1
为鼠标悬停元素创建唯一CSS选择器的JavaScript对象。
为鼠标悬停元素创建唯一CSS选择器的JavaScript对象。
支持语言:English
2022-06-16 10:21:15
17KB
1
串联选择器：作用在同一个标签上
复制代码代码如下:look at the color
css: #qq.a{….}
后代选择器：作用在不同标签上
复制代码代码如下:look at the colorcss: #qq .a{}
注意#qq .a 之前有空格
2021-12-03 23:48:33
16KB
1
使用这个快速脚本测试你的CSS选择器。不支持“HTML”元素或“*”选择器。
用CSS Selector Tester快速测试你的CSS选择器！在选择器文本字段中创建或复制选择器，匹配的HTML元素将突出显示并计数。确保你的CSS选择符与你打算的元素匹配！
1.3.3 - 小错误修复，固定图标。
1.3.2 - 小错误修复。
1.3.1 - 测试和小错误修复。
1.3.0 - 修复的负载，UI清理。更新jQuery，删除未使用的CSS等
1.2.0 - 增加了所有的URL支持。
1.1.9 - 修正了onsubmit / page刷新错误。更新了对XHTML的支持
1.1.7 - 修正了级联错误！感谢您的反馈。
1.1.5 - 更新了UI以包含拖动和调整大小。感谢您的反馈。
支持语言:English
2021-11-12 15:20:12
122KB
1
琴羽
带有 CSS 选择器的 XML 解析器
由于这是一个开发版本，因此官方不可用。 如果您有兴趣，请报告问题或在评论中 ping 我。
2021-07-20 15:03:23
16KB
1
CSS选择器学习 很好的一份练习 分享学习
It's a fun game to learn and practice CSS selectors.
转自：https://github.com/flukeout/css-diner
2021-07-01 17:49:13
284KB
1