css 属性选择器符号含义

最新推荐文章于 2024-05-18 06:08:21 发布

xiongzhonggang

最新推荐文章于 2024-05-18 06:08:21 发布

阅读量167

点赞数

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

本文链接：https://blog.csdn.net/xzg199153/article/details/129045690

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

/* 存在 title 属性的<a> 元素 */
a[title] {
  color: purple;
}

/* 存在 href 属性并且属性值匹配"https://example.org"的<a> 元素 */
a[href="https://example.org"] {
  color: green;
}

/* 存在 href 属性并且属性值包含"example"的<a> 元素 */
a[href*="example"] {
  font-size: 2em;
}

/* 存在 href 属性并且属性值结尾是".org"的<a> 元素 */
a[href$=".org"] {
  font-style: italic;
}

/* 存在 class 属性并且属性值包含以空格分隔的"logo"的<a>元素 */
a[class~="logo"] {
  padding: 2px;
}