当前位置:网站首页 > 技术博客 > 正文

css选择器参考手册



先上总结:

"value 是完整单词" 类型的比较符号: ,

"拼接字符串" 类型的比较符号: , ,

1.attribute 属性中包含 value: 

[attribute~=value] 属性中包含独立的单词为 value,例如:

[title~=flower] --> <img src="https://www.runoob.com/i/eg_tulip.jpg" title="tulip flower" />

[attribute*=value] 属性中做字符串拆分,只要能拆出来 value 这个词就行,例如:

[title*=flower] --> <img src="https://www.runoob.com/i/eg_tulip.jpg" title="ffffflowerrrrrr" />

2.attribute 属性以 value 开头:

[attribute|=value] 属性中必须是完整且唯一的单词,或者以 分隔开:,例如:

[lang|=en] --> <p lang="en"> <p lang="en-us">

[

attribute^=value] 属性的前几个字母是 value 就可以,例如:

[lang^=en] --> <p lang="ennn">

3.attribute 属性以 value 结尾:

[attribute$=value] 属性的后几个字母是 value 就可以,例如:

a[src$=".pdf"]

更多内容参考:CSS 选择器

版权声明


相关文章:

  • linux time命令详解2025-03-17 10:30:02
  • jstl标签的作用2025-03-17 10:30:02
  • mysql版本升级方法2025-03-17 10:30:02
  • win10怎样打开组策略2025-03-17 10:30:02
  • hashmap底层实现原理 小白2025-03-17 10:30:02
  • 条条大路通罗马出自哪里2025-03-17 10:30:02
  • deep machine learning2025-03-17 10:30:02
  • yolov5的激活函数2025-03-17 10:30:02
  • 黑客工具资源网2025-03-17 10:30:02
  • layer and layer2025-03-17 10:30:02