如何使用 CSS 选择器访问具有此形状的元素 [重复]

Posted 2023-03-06

【中文标题】如何使用 CSS 选择器访问具有此形状的元素 [重复]

【英文标题】：how to access an element with this shape with CSS selectors [duplicate]

【发布时间】：2021-12-12 01:55:22

【问题描述】：

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

元素：

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

【参考方案1】：

您可以通过添加方括号[] 来使用attribute selector。

属性选择器可以定位：

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

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

a[data-edit]
  background:red;

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

【讨论】：

'edit' 是 元素的有效属性吗？在文档中没有找到它...因此建议添加数据-？

如何添加数据，因为是你的权利。编辑不是一个有效的属性，所以我尝试了这个，它没有工作。然而，这是一个很好的答案，我投了赞成票。

<a data-edit></a> 和 a[data-edit] 。

可以通过example1.[data-edit]访问吗？

你会使用.class[data-edit]