CSS属性选择器角色* =用户[重复]

Posted 2023-03-06

技术标签:

【中文标题】CSS属性选择器角色* =用户[重复]【英文标题】：CSS Attribute Selectors role*=user [duplicate] 【发布时间】：2019-02-17 09:39:42 【问题描述】：

谁能给我解释一下，下面的 CSS 选择器的目标是什么？

[role*=user] > article a:not([href^=stage])  
    /* some rules here */

【问题讨论】：

也相关但不重复：***.com/questions/1204275/… 【参考方案1】：

选择器的目标是任何锚标记 [a]，其 href 属性不以 stage [:not([href^=stage])] 开头；那是在article 内，它是一个元素的直接子>，其role 属性包含user。

在下面的示例中，我将目标设置为粉红色，以便它可以了解由此选择的元素：

[role*=user] > article a:not([href^=stage])  
    color: fuchsia;

<div role="user">
  <article>
    <a href="stage">loren</a> ipsum dolor <a href="not-stage">sit amet</a>
  </article>
</div>

【讨论】：

以上是关于CSS属性选择器角色* =用户[重复]的主要内容，如果未能解决你的问题，请参考以下文章