这是一个有效的 CSS 选择器吗？

Question

With-respect 到以下表达式：

radio:focus > .approve, radio:focus > .dis-approve{/*statements...*/}

是否被CSSinterpreter/compiler接受？

Objective：应用当且仅当 .approve 和 .dis-approves' radio-typed parents 都是 in-focus.

Answer 1

它是有效（参见），但是你会发现它不会匹配任何东西，因为它有几个问题：

1. radio 不是有效的 HTML 元素。您是说 input[type=radio] 吗？
2. 如果您的意思是 input[type=radio]，则该元素不能有子元素，因此 > .approve 和 > .dis-approve 不会 select 任何东西。您是指 + .approve 和 + .dis-approve 到这个旁边的元素吗？

了解您的 CSS 是否有效的最佳方法是将您的 CSS 应用于应该伴随此结构的 HTML 结构，看看会发生什么。