如何給某一個元素添加樣式呢，我們可以通過標簽選擇器、類選擇器或者id選擇器。
一、標簽選擇器
首先我們先放置兩個div和一個無序列表來舉例，注意無序列表的第二項內(nèi)還有一個div
<div>第一個盒子</div>
<div>第二個盒子</div>
<ul>
<li>我是第一行</li>
<li>我是第二行
<div>第三個盒子</div>
</li>
<li>我是第三行</li>
</ul>
標簽選擇器就是按標簽添加樣式，直接輸入標簽，后加大括號即可。
如下我們給div都加一個100px的寬高，10px的上外邊距，背景顏色為粉色的樣式。
div{
width:100px;
height:100px;
margin-top: 10px;
background: pink;
}
可以看到所有的div都被添加了這個樣式，不管是在哪一層，只要是div，全部都會被添加這個樣式。
二、類選擇器
類選擇器則是根據(jù)class名來添加樣式，接下來給剛剛的元素添加上類名。同一個標簽可以有多個類名，用空格分離；同一個類名也可以被添加給不同的標簽。
<div class="test_1">第一個盒子</div>
<div class="test_1 test_2">第二個盒子</div>
<ul>
<li class="test_1">我是第一行</li>
<li class="test_2">我是第二行
<div>第三個盒子</div>
</li>
<li>我是第三行</li>
</ul>
使用類選擇器時候要在類名前加一個點"."，再接大括號。
當我們給test_1設置樣式時，發(fā)現(xiàn)所有寫了class="test_1"的標簽都被添加了樣式，不管它是什么標簽。
.test_1{
width:100px;
height:100px;
margin-top: 10px;
background: pink;
}
我們把test_1改成test_2，發(fā)現(xiàn)所有寫了class="test_2"的標簽都被添加了樣式。
.test_2{
width:100px;
height:100px;
margin-top: 10px;
background: pink;
}
三、id選擇器
id選擇器也很好理解，就是根據(jù)id來添加樣式，id名前使用井號"#"。
但是要注意id和class不同，id就像身份證號一樣是唯一的，一個id在一個頁面里只能使用一次。 所以一個標簽只能有一個id，一個id只能給一個標簽添加。
我們給剛剛的標簽加上id，給id為d3的標簽添加樣式：
<div id="d1" class="test_1">第一個盒子</div>
<div id="d2" class="test_1 test_2">第二個盒子</div>
<ul>
<li class="test_1">我是第一行</li>
<li class="test_2">我是第二行
<div id="d3">第三個盒子</div>
</li>
<li>我是第三行</li>
</ul>
#d3{
width:100px;
height:100px;
margin-top: 10px;
background: pink;
}
選擇器部分文章：
選擇器介紹（一）標簽選擇器、id選擇器、類選擇器
http://www.itdecent.cn/p/d2f54bc64302
選擇器介紹（二）后代選擇器，子代選擇器，交集選擇器，并集（群組）選擇器
http://www.itdecent.cn/p/98f6788d0f54
通配符選擇器&清除瀏覽器默認樣式
http://www.itdecent.cn/p/4eb179b4fdfc
