css属性选择器中[attribute~=value]和[attribute*=value]的区别_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css属性选择器中[attribute~=value]和[attribute*=value]的区别_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含894字，纯文字阅读大概需要2分钟。

内容图文

[attribute]    用于选取带有指定属性的元素。    [attribute=value]    用于选取带有指定属性和值的元素。    [attribute~=value]    用于选取属性值中包含指定词汇的元素。    [attribute|=value]    用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。    [attribute^=value]    匹配属性值以指定值开头的每个元素。    [attribute$=value]    匹配属性值以指定值结尾的每个元素。    [attribute*=value]    匹配属性值中包含指定值的每个元素。    

下面的例子为包含指定值的 title 属性的所有元素设置样式。适用于由空格分隔的属性值：[title~=hello] { color:red; }下面的例子为带有包含指定值的 lang 属性的所有元素设置样式。适用于由连字符分隔的属性值：[lang|=en] { color:red; }

~=其中的value必须是一个独立的单词，例如 [title~=test] 中 test a可以被选中testa不能被选中．
*=其中的value只要是值的子串就可以，例如test-a，test a和testa均可以被选中．
|=与~=的特性一样，^=与*=的特性一样．因此平时还是用^=和*=较好．

内容总结

以上是互联网集市为您收集整理的css属性选择器中[attribute~=value]和[attribute*=value]的区别_html/css_WEB-ITnose全部内容，希望文章能够帮你解决css属性选择器中[attribute~=value]和[attribute*=value]的区别_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端