css - 如何在多个ID或类上应用CSS元素属性

我尝试应用CSS属性option：在多个ID上禁用，但仅在最后一个ID上适用
我都尝试

select#id1, #id2, #id3 , #id4,#id5  option:disabled{
    color: #333336;
}

select#id1, #id2, #id3 , #id4,#id5 >  option:disabled{
    color: #333336;
}

但这并不适用于所有ID

谢谢

最佳答案

您的前4条规则仅选择ID为＃id1，＃id2等的元素。
选择器中每个逗号分隔的部分是一个独立于其他选择器段的选择器。因此，您不能将第一个选择器用作后续选择器的基础。

select#id1  option:disabled,
#id2  option:disabled,
#id3  option:disabled,
#id4  option:disabled,
#id5  option:disabled{

}

在普通的CSS中，我认为您不能避免多次指定option:disabled（除非使用class而不是id）。您可以为您的选择元素提供一个通用类，例如myselect，然后写一条规则代替它，例如-

.myselect option:disabled{
}

关于css - 如何在多个ID或类上应用CSS元素属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46804892/