jquery - CSS 中的目标标签

Question

有没有一种方法可以在 css3 中定位输入标签？例如我试过这个方法 -

input[type="text"]:focus label:target {
    color:orange !important;
}

似乎行不通，只是想知道这是否只是 jquery 的工作？

谢谢!

Answer 1

:target pseudo-class不会按照您的想法行事，并且 label 永远不会作为 input 的后代存在，因此这是行不通的。

如果您试图通过亲子关系或 for 属性引用与 input 关联的 label，那不是可能与 CSS3。如果 label 是跟在 input 之后的同级，则您只能通过以下任一方式引用 label:

input[type="text"]:focus + label
input[type="text"]:focus ~ label

如果 label 是祖先，在兄弟之前或完全在别处，您将需要使用 jQuery 遍历 DOM 并定位它。