2017-08-20 170 views
1

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

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

  2. 我知道什么是:valid但不是.valid?它在做什么,在哪里可以读取其确切的功能?

+0

您正在使用'valid'类没有'browser-default'类的文本输入 - 点('.')仅仅指类名 –

回答

2

两者。 browser-default.valid是用户定义的类名。它们不是CSS选择器模块的一部分 - 所以你不会找到关于它们的更多信息!

相反,:not:valid是CSS伪类和CSS selectors module内定义。

所以基本上,选择

input[type=text]:not(.browser-default).valid 

文本输入匹配一类valid,没有一类browser-default

+0

谢谢@Danield,如果我有这个解释想要匹配没有两个类的文本输入应该是:not(.classOne)(。classTwo)?? – adarsh723

+0

几乎:':not(.classOne):not(.classTwo)' - 我们可以多次链接:not伪类 – Danield

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