css的樣式語法是：

1、css規(guī)則由選擇器和一條或多條聲明兩個(gè)部分構(gòu)成；

2、選擇器通常是需要改變樣式的HTML元素；

3、每條聲明由一個(gè)屬性和一個(gè)值組成；

4、屬性和屬性值被冒號(hào)分隔開。css樣式語法規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇器，以及一條或多條聲明。

用于來定義一類可以在同一個(gè)頁面內(nèi)重復(fù)利用的樣式。 如比較常用的.clearfix（一般是用于清除浮動(dòng)），或者自己定義的用于新聞列表的樣式，詳細(xì)的寫好鏈接、列表、邊框以及背景等屬性，有些人還會(huì)習(xí)慣把一些常用的屬性作為一個(gè)類。

很古老的話題了

id=100

class=10

tag（標(biāo)簽）=1

按照這個(gè)規(guī)律去計(jì)算，比如

#qietu div{}

100+1 = 101

.qietu .box{}

10+10=20

可以得出第一個(gè)的權(quán)重要比第二個(gè)要高。另外關(guān)于權(quán)重的擴(kuò)展知識(shí)面，我推薦了解下BEM命名規(guī)則，這個(gè)觀念很好，可以從側(cè)面杜絕權(quán)重問題的產(chǎn)生，還有一個(gè)就是提高權(quán)重的方法 !important;

選擇器body>div 只操作body下級(jí)的div。div1+div2 只選擇div1 同級(jí) 隨后 相鄰最近的div2div1~p 選擇div1下所有的p屬性選擇器[attr]{} 例：[class]{color:red;} [class="text"]{color:red;}[class|="nav"]{color:red;} 選擇所有class屬性，并且屬性值唯一為nav-開頭的元素[class~="nav"]{color:red;} 選擇所有class屬性，并且包含單個(gè)完整的nav屬性值的元素[class1][class="text"]{color:red;}選擇具有class1屬性，并且具有class屬性且屬性值唯一為text的元素