css - 如何使用 CSS 选择以下布局中的 "a"标记？

Question

我有以下 html 片段:

...
<div>
    <a></a>
    <select class="error"></select>
    <label class="error"></label>
    <div></div>
</div>
...

我需要使用 CSS 选择“a”标签。这可能吗？

我正在尝试选择“a”标签。错误类是通过 javascript 动态注入(inject)的。我想要一个使“a”标签变红的静态 css 规则。

我只对使用选择器的 CSS 方法感兴趣。如果这不可能，我不需要其他方法的帮助。

~~~~~~~~~~~~~~编辑:~~~~~~~~~~~~~~

唯一将这个“a”标签与其他“a”标签区分开来的是它后面的错误类元素。错误类是动态应用的。我不想选择后面没有错误类的其他“a”标签。我只想在错误类后跟这个“a”标记时选择它。

~~~~~~~~~再次编辑:~~~~~~~~~

我解释得不好。我希望我可以选择包含错误类的所有 div 的第一个子项(或其他东西)。

Answer 1

这是不可能的。 CSS 没有用于根据其后的兄弟元素选择元素的工具。连CSS Selectors 4 (其中包含许多提议但未批准或实现的选择器补充)缺乏这样的功能。 (如果它被添加，我想它会被称为“preceding-sibling combinator”。)