2017-08-20 227 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="">