html - 如何使用 CSS 选择器访问具有此形状的元素

Question

我的问题是如何在 CSS 中选择这个元素edit？

元素 ：

<a href="***" class="example1 example2 example3" edit>click</a>

标签： htmlcss

Answer 1

您可以通过添加方括号来使用属性选择器[]。

属性选择器可以定位：

• 属性名称：a[edit]
• 属性的值（如果它有一个）：a[href=***]

但由于“编辑”不是<a>-Element 的有效属性，因此建议在 html 代码中添加data-前缀。

a[data-edit]{
  background:red;
}

<a href="***" data-edit>edit</a>