如何正确地为一道单选题添加 CSS 样式？

A、通过选择器直接对 input[type="radio"] 元素添加样式；
B、通过选择器对 label 元素添加样式，再用伪类选择器 :before 或 :after 添加背景图；
C、通过 JS 动态添加 class 样式；
D、以上都可以。

答案：

正确答案为 B。

解析：

单选题一般使用 input[type="radio"] 元素和 label 元素进行组合展示，但是样式应该写在 label 上面，使用伪类选择器 :before 或 :after 添加背景图即可。

当选择器有多种方式时，应该选择最优解，尽量减少代码冗余。因此不推荐直接对 input[type="radio"] 元素添加样式，因为这会增加代码难度并且不好维护。

使用 JS 动态添加 class 样式也是一种方式，但是对于单选题这个简单的场景，使用 CSS 就能满足需求，此外使用 JS 动态添加样式也会增加页面的渲染时间和 JavaScript 的执行负荷。