css零到一中级教程020：CSS 属性选择器

最新推荐文章于 2024-06-23 09:25:31 发布

慕容屠苏

最新推荐文章于 2024-06-23 09:25:31 发布

阅读量215

点赞数

分类专栏： css零到一文章标签： css html 前端

本文链接：https://blog.csdn.net/kerryqpw/article/details/123706595

版权

css零到一专栏收录该内容

98 篇文章 2 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了CSS中各种属性选择器的使用，包括[attribute]、[attribute="value"]、[attribute~="value"]、[attribute|="value"]、[attribute^="value"]和[attribute$="value"]，通过实例解析了如何根据元素的特定属性和值来设置样式，特别适合前端开发者提升CSS布局和表单样式的精准控制能力。

摘要由CSDN通过智能技术生成

为带有特定属性的 HTML 元素设置样式

我们可以设置带有特定属性或属性值的 HTML 元素的样式。

CSS [attribute] 选择器

[attribute] 选择器用于选取带有指定属性的元素。

下例选择所有带有 target 属性的 <a> 元素；

实例

<!DOCTYPE html>
<html>
<head>
<style>
a[target] {
  background-color: yellow;
}
</style>
</head>
<body>

<h1>CSS [attribute] 选择器</h1>

<p>带有 target 属性的链接获得颜色背景：</p>

<a href="https://www.w3school.com">w3school.com.cn</a>
<a href="http://www.disney.com" target="_blank">disney.com</a>
<a href="http://www.wikipedia.org" target="_top">wikipedia.org</a>

</body>
</html>

了解本专栏