如何選擇具有多個屬性值的元素？

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; 
 
}