如何选择具有多个属性值的元素？

Question

在validationEngine plugin里有validate这个类，里面可能有很多参数：例如validate[required,custom[email]]。在我的css文件中，我想选择包含required的类validate的元素。关键字required可放置在validate关键字的[]内的任何位置。如何进行选择？

Answer 1

validate[required,custom[email]]

ouch。谈论一个设计不好的班级属性。

您可以在此处执行的最佳操作是在类属性中匹配“验证”和“必需”两个关键字。根据不同的插件，这可能对您不够：

input[class*="validate"][class*="required"] 

你不能在这里使用类选择，因为整个类属性值被视为一个单一的类名，这意味着只有类选择将匹配类名字是.validate\[required\,custom\[email\]\]（这就是为什么该类属性是设计不佳的缩影）。

Answer 2

此链接可能会派上用场你：https://www.w3schools.com/cssref/css_selectors.asp

我相信你会想沿着线的东西：

.input[class*="required"] 
 
{ 
 
    border-color: #ff0000; 
 
}