目前我正在通过互联网上的一些代码,我发现这部分代码input[type=text]:not(.browser-default).valid
。在下面的代码中,我知道什么:不是用于。不过我有以下问题:什么(.browser-default).valid意味着什么?
是什么代码
(.browser-default)
部分不和我在哪里可以找到关于它的更多信息?我知道什么是
:valid
但不是.valid
?它在做什么,在哪里可以读取其确切的功能?
目前我正在通过互联网上的一些代码,我发现这部分代码input[type=text]:not(.browser-default).valid
。在下面的代码中,我知道什么:不是用于。不过我有以下问题:什么(.browser-default).valid意味着什么?
是什么代码(.browser-default)
部分不和我在哪里可以找到关于它的更多信息?
我知道什么是:valid
但不是.valid
?它在做什么,在哪里可以读取其确切的功能?
两者。 browser-default
和.valid
是用户定义的类名。它们不是CSS选择器模块的一部分 - 所以你不会找到关于它们的更多信息!
相反,:not和:valid是CSS伪类和被的CSS selectors module内定义。
所以基本上,选择
input[type=text]:not(.browser-default).valid
文本输入匹配一类valid
,没有一类browser-default
.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="">
您正在使用'valid'类没有'browser-default'类的文本输入 - 点('.')仅仅指类名 –