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

[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均可以被选中.
|=与~=的特性一样,^=与*=的特性一样.因此平时还是用^=和*=较好.

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2839761.html

(0)
上一篇 2025年3月9日 23:34:32
下一篇 2025年2月23日 20:09:11

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论