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
 
                