上篇介紹了css的引入方式挠进,這篇總結(jié)一下css選擇器陕贮。
css選擇器的語法格式如下:
selector{ (選擇器)
Property:value1唯笙;(鍵值對)
Property:value2姜凄;
}
CSS選擇器分類
標記選擇器給全部元素標簽指定樣式,如給<p>和<div>標簽指定樣式坛芽,在css中的應用如下:
p{color: red;font-size: 25px}
div{background-color: gray;font-size: 30px}
類選擇器'.'指定HTML文檔中某一聲明了class的元素標簽的樣式留储,即類選擇器的使用方法是在HTML中的標簽元素聲明class,如下:
<div class="c_style"></div>
然后在css文檔中的使用如下:
.c_style{background-color: gray;font-size: 30px}
id選擇器'#'的使用與類選擇器類似翼抠,只是此時該指定id,而不是class获讳。同樣在HTM中應用:
<div id="id_style"></div>
然后在css文檔中的使用如下:
#id_style{background-color: gray;font-size: 30px}
組合選擇器則是幾種選擇器組合起來產(chǎn)生效果阴颖,如在HTML中:
<div id="id_style" class="c_style"></div>
然后在css文檔中的使用如下:
#id_style.c_style{background-color: gray;font-size: 30px}