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

Question

关于以下表达式：

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

它是否被CSS解释器/编译器接受？

目标：如果同时使用.approve和.dis-approves＆＃39;无线电型父母是焦点。

Answer 1

有效（请参阅BoltClock's comment），但您会发现它不匹配任何内容，因为它有几个问题：

1. radio不是有效的HTML元素。你的意思是input[type=radio]？
2. 如果您的意思是input[type=radio]，那么该元素就无法生成子元素，因此> .approve和> .dis-approve不会选择任何内容。您的意思是+ .approve和+ .dis-approve，对于这个元素旁边的元素吗？

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