目前我正在通過互聯網上的一些代碼,我發現這部分代碼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'類的文本輸入 - 點('.')僅僅指類名 –