コメント：HTML5は、新しいCSSセレクターと擬似カテゴリを追加しました。この記事はいくつかを編集し、使用する簡単な紹介を提供しました。 HTML5が好きな友達はそれを参照できます。私はそれが誰にでも役立つことを願っています。
セレクタp [name^= my] {font-size：14px}
selector ^=ルールは、名前属性を持つすべての<p>要素タグに適用されます。
P [name $ = my] {font-size：14px}
selector $ =ルールは、my <p>要素タグで終わるすべての名前属性に適用されます
P [name*= my] {font-size：14px}
selector $ =ルールは、私ので終わる<p>要素を含むすべての名前属性に適用されます
セレクター>、 +、〜
セレクター>は、影響を受ける要素が最初の要素の子であることを意味します。
セレクター +このセレクターは、要素の直後の要素を指し、これらの2つの要素は同じ親を持つ必要があります。
セレクター〜は +に似ていますが、影響を受ける要素は必ずしも最初の要素に従うわけではありません。
擬似クラスの名前と参照要素を追加します。
例：myclass：nth-child（2）
MyClass Elementの2番目の要素
キーワードは奇妙です
Myclass：nth-child（odd）：その親要素のインデックス位置に奇数で影響を与える
myclass：nth-child（vev）：親要素のインデックス位置に影響する
<style>
.test：nth-child（奇数）
{
色：青;
}
.test：nth-child（偶数）
{
色：赤;
}
.test：nth-child（2）
{
色：緑;
}
</style>
<div>
<p>
1
</p>
<p>
2
</p>
</div>
<p>
1
</p>
<p>
2
</p>
<p>
1
</p>
<p>
2
</p>
効果は次のとおりです。
1
2
1
2
1
2
擬似クラスを否定します
：not（p）{color：red}
<p>要素を除く他のすべての要素は赤です