複合セレクターは、2つ以上の基本セレクターで構成されるセレクターです。一般的に使用される複合セレクターは、子孫セレクター、サブセレクター、ユニオンセレクター、および疑似クラスセレクターです。
1.子孫セレクター：親要素内の子要素を選択できる包含セレクターとも呼ばれます。
構文：
父标签名 子标签名 {
属性1： 属性值；
.....
}
2.子セレクター：要素の最も近いレベルの子要素のみを選択できます。
文法：
元素1 > 元素2 {
样式申明
}
注：子セレクターは、親要素の直接の子のみを選択し、間接の子は選択しません。といった：
ol>a {
color: red;
}
<ol>
<a href="#">儿子1</a>
<a href="#">儿子2</a>
<li>
<a href="#">孙子</a>
</li>
</ol>
ここでは息子1と息子2だけが赤くなり、孫は色を変えません。
3.ユニオンセレクター：ラベルのタイプを同じスタイルに変更します。ユニオンセレクターには任意の要素を追加できます。
文法：
元素1，
元素2，
...
元素n {
样式申明
}
4.疑似タイプセレクター：リンクがクリックされたときのリンクテキストの色の変更など、一部のセレクターに効果を追加するために使用されます
共通の疑似クラスセレクター
a。リンク疑似クラスセレクター
a:link{
样式申明
}
//当链接还未被访问时会显示link内定义的样式
a:visited {
样式申明
}
//当链接被访问后会变成visited内定义的样式
a:hover{
样式申明
}
//当鼠标放在链接上时会显示hover内定义的样式
a:active{
样式申明
}
//当鼠标点击并且未松开时会显示active内定义的样式
注：開発中に4つのリンクセレクターすべてが必要な場合は、LVHAの順序で記述してください。
b.focus疑似クラスセレクター：カーソルを取得するためのフォーム要素を選択するために使用されます。
構文：
input:focus {
样式申明
}
//当光标点击到相应的input框的时候，input框会显示focus内定义的样式，
当光标离开后恢复原状
