【CSS3】Advanced6：Attribute Selectors

最新推荐文章于 2024-09-17 07:08:56 发布

转载最新推荐文章于 2024-09-17 07:08:56 发布 · 89 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yzhen/p/3667656.html

本文介绍了CSS中如何使用属性选择器来精确控制样式。包括基于属性的存在、属性值匹配及部分匹配的选择器语法，如[attribute^=prefix]用于匹配属性值以特定前缀开始的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.with the attribute

abbr[title]{color:red}

2.with the attribute and it's value

input[type=text][disabled]{width:200px;}

CSS 3 further allows you to match an attribute without being exact:

[attribute^=something] will match a the value of an attribute that begins with something.
[attribute$=something] will match a the value of an attribute that ends with something.
[attribute*=something] will match a the value of an attribute that contains something, be it in the beginning, middle, or end.

转载于:https://www.cnblogs.com/yzhen/p/3667656.html