Question

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

Answer 1

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

我相信你会想要的东西：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="i in items | limitTo: limit">{{i}}</li>
    </ul>
    <button ng-click="limit = limit + 5">Show more results</button>
</div>

Answer 2

validate[required,custom[email]]

哎哟。谈论一个设计不佳的类属性。

您可以在这里做的最好的事情是匹配关键字＆＃34;验证＆＃34;和＃34;必需＆＃34;在class属性中。根据插件的不同，这对您来说已经足够了：

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

你不能在这里使用类选择器，因为整个类属性值都算作单个类名，这意味着与该类名匹配的 only 类选择器是.validate\[required\,custom\[email\]\]（这就是为什么那个类属性是糟糕设计的缩影。）

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

2 个答案: