目前我正在通过互联网查看一些代码,我发现了代码input[type=text]:not(.browser-default).valid
的这一部分。在下面的代码中,我知道:不用于。但是我有以下问题:
(.browser-default)
部分代码的作用是什么?我在哪里可以找到有关它的更多信息?
我知道什么是:valid
而不是.valid
?它做了什么以及在哪里可以阅读它的确切功能?
答案 0 :(得分:2)
两者。browser-default
和.valid
都是用户定义的类名。它们不是CSS选择器模块的一部分 - 因此您将无法找到有关它们的更多信息!
相比之下,:not和:valid是CSS伪类,而是在CSS selectors module中定义。
基本上,选择器
input[type=text]:not(.browser-default).valid
将文字输入与课程valid
匹配,而不包含课程browser-default
答案 1 :(得分:0)
.browser-default
和.valid
是程序员在其代码中定义的类名,并且在css中不是关键字。
input[type=text]:not(.browser-default).valid
此选择器,如果它具有以下条件,则选择输入:
输入有:
1)属性type
,其值为text
。
2)班级valid
并且没有:
1)班级browser-default
请参阅此示例:
input[type=text]:not(.browser-default).valid {
background-color: blue;
}
<input type="text" class="valid">
<br>
<input type="text" class="browser-default valid" name="">