多个类名的复合类选择器

多个类名的复合类选择器

.horizontal-answer-option-module_checkbox__28Iem.horizontal-answer-option-module_withBorder__m9p93.horizontal-answer-option-module_isCheckboxShown__nEtZg

在这个例子中，.horizontal-answer-option-module_checkbox__28Iem、.horizontal-answer-option-module_withBorder__m9p93 和 .horizontal-answer-option-module_isCheckboxShown__nEtZg 是三个不同的类名。

.horizontal-answer-option-module_checkbox__28Iem、.horizontal-answer-option-module_withBorder__m9p93 和 .horizontal-answer-option-module_isCheckboxShown__nEtZg 这三个类名组合在一起，可以同时拥有下面的样式。

当一个元素同时包含这三个类名时，它将同时应用来自这三个类名的样式规则。

如果一个元素只拥有其中一个类名 .horizontal-answer-option-module_checkbox__28Iem，那么只会应用该类名对应的样式，即 margin-left: 10%; 和 margin-top: 9%; 不会被应用。