CSS之CSS选择器怎么使用

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

(0)
彬彬笔记彬彬笔记
上一篇 2022年7月22日
下一篇 2022年7月26日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

蜀ICP备14017386号-13