Css 使用类似这样的东西;输入[类别~=“有效”类型=“复选框”]?

Css 使用类似这样的东西;输入[类别~=“有效”类型=“复选框”]?,css,expression,Css,Expression,如何实现此输入[class~=“valid”&&type=“checkbox”]? 我可以在CSS中使用表达式(例如,&&,|)吗(可以用更少的格式) 还是这是唯一的办法 input[class~="valid"],input[type="checkbox"] { ...} 或 谢谢通过在多个属性选择器之后定义它们,可以添加多个属性选择器: input[class~="valid"][type="checkbox"] { } 通过在多个属性选择器之后定义它们,可以添加多个属性选择器: inp

如何实现此
输入[class~=“valid”&&type=“checkbox”]
? 我可以在CSS中使用表达式(例如,
&&,|
)吗(可以用更少的格式)

还是这是唯一的办法

input[class~="valid"],input[type="checkbox"] { ...}


谢谢

通过在多个属性选择器之后定义它们,可以添加多个属性选择器:

input[class~="valid"][type="checkbox"]
{
}

通过在多个属性选择器之后定义它们,可以添加多个属性选择器:

input[class~="valid"][type="checkbox"]
{
}
你需要使用

input[type="checkbox"][class~="valid"] { ...}
您的尝试意味着:所有
有效
和所有复选框。

您需要使用

input[type="checkbox"][class~="valid"] { ...}

您的尝试意味着:所有
valid
和所有复选框。

它是
输入[class~=“valid”][type=“checkbox”]
问题标题只反映了问题的一部分,正如问题主体询问的“或”太(|)。它是
输入[class~=“valid”][type=“checkbox”]
问题标题只反映了问题的一部分,当问题主体询问“或”太多(|)时。所有复选框都有.valid约束。所有复选框都有.valid约束