什么(.browser-default).valid意味着什么?

时间:2017-08-20 11:36:34

标签: css

目前我正在通过互联网查看一些代码,我发现了代码input[type=text]:not(.browser-default).valid的这一部分。在下面的代码中,我知道:不用于。但是我有以下问题:

  1. (.browser-default)部分代码的作用是什么?我在哪里可以找到有关它的更多信息?

  2. 我知道什么是:valid而不是.valid?它做了什么以及在哪里可以阅读它的确切功能?

2 个答案:

答案 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="">