css选择器,在平时的时候用处非常大,今天分享下几个网址
网址1:https://blog.csdn.net/weixin_43376571/article/details/121868657
说的很明白,超级实用,特别是其中的p[class=”important warning”],完全匹配,解决了我的大问题
1.属性与属性值必须完全匹配
[属性名] [属性名="属性值"]
p[class="important warning"] {color: red;}
2.根据部分属性值选择
[属性名~="属性值"]
p[class~="important"] {color: red;}
3.特定属性选择类型
[属性名|="属性值"]
[lang|="en"] {color: red;}
上面这个规则会选择 lang 属性等于 en 或以 en- 开头的所有元素。
4. 选择以什么开头的所有元素
[属性名^="属性值"]
[abc^="def"]
选择 abc 属性值以 "def" 开头的所有元素。
5. 选择以什么结尾的所有元素
[属性名$="属性值"]
[abc$="def"]
选择 abc 属性值以 "def" 结尾的所有元素。
6.选择包含子串的所有元素
[属性名*="属性值"]
[abc*="def"]
选择 abc 属性值中包含子串 "def" 的所有元素
剩下的网址:
http://www.makeru.com.cn/news/1080.html
https://www.w3school.com.cn/cssref/css_selectors.asp
到此为止。
发布者:彬彬笔记,转载请注明出处:https://www.binbinbiji.com/css/2736.html