CSS中的幾種選擇器
1.標記選擇器
p{
color:bule;
font-size:18px;
}
2.類選擇器
<style type="text/css"
.one{
color:red;
}
.two{
font-size:20px;
}
</style>
<body>
<p class="one">應用第一種Class選擇樣式</p>
<p class="two">應用第二種Class選擇樣式</p>
</body>
3.id選擇器
<style type="text/css"
#one{
color:red;
}
#two{
font-size:20px;
}
</style>
<body>
<p id="one">應用第一種Class選擇樣式</p>
<p id="two">應用第二種Class選擇樣式</p>
</body>
4.偽類選擇器：link (未訪問的連結)
：visit（已訪問的連結）
：hover(滑鼠懸停狀態)
：active（獲得焦點的狀態，即滑鼠點下還未釋放時的狀態）
5.選擇器的組合
1.交集選擇器：
<style type="text'/css"
p{color:blue;}
.special{color:green;}
p.special{color:red;}
</style>
<body>
<p class="special">指定了special類別的段落文字</p>
</body>
2.並集選擇器
h1,h2,h3,p{
font-size:12px;
color:purple;
}
3.後代選擇器(不一定是直接子類，只要是子類都可以被選擇)
a b{
color:blue;
}
4.子選擇器（只有直接選擇器才能被選擇）
body>p{
color;green;
}
5.相鄰選擇器(相鄰選擇器將選中緊跟在它後面的一個兄弟元素，這兩個元素必須有共同的父元素)
h2+p{
color:red;}