（.browser-default）.validは何を意味しますか？

Question

現在、私はインターネット上でいくつかのコードを実行していましたが、コードのこの部分が見つかりましたinput[type=text]:not(.browser-default).valid。次のコードで私は何を知っています：notは使われています。しかし、私は、次ている質問：

が、私はそれについての詳細な情報をコードする (.browser-default)一部見つけることができないん

1. ？

2. 私は:validが何であるかを知っていますが、.validではありませんか？それは何を行い、どこで正確な機能を読み取ることができますか？

Answer 1

両方。 browser-defaultおよび.validは、ユーザー定義のクラス名です。それらはCSSセレクタモジュールの一部ではありません - そのため、あなたはそれらについてより多くの情報を見つけることはできません！対照的に

、:notと:validはCSS擬似クラスであり、がCSS selectors module内定義されます。

だから、基本的に、されているセレクタ

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

は、クラスvalidでテキスト入力と一致し、クラスなしbrowser-default

Answer 2

.browser-defaultと.validは、プログラマが自分のコードや持ち運びにくいで定義されたクラス名ですCSSではキーワードではありません。それは、次の条件がある場合

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

このセレクタは、入力を選択：

入力を有する：

1）値textとtype属性。

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