使用nth-childof(n);n表示相同類型的第幾個數據，第二個數據n=2

css選擇器優先級怎么比較

CSS選擇器中比較常見的有標簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上，CSS選擇器如果細分下來，竟然多達40多種。那他們的優先級該怎么比較呢，下面就來看看吧。

● 不同級別

1. 在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。

2. 作為style屬性寫在元素內的樣式

3. id選擇器

4. 類選擇器

5. 元素選擇器

6. 通配符選擇器

7. 瀏覽器自定義或繼承

總結排序：!important > 行內樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認屬性

● 同一級別

(1) 同一級別中后寫的會覆蓋先寫的樣式

(2) 同一級別css引入方式不同，優先級不同

總結排序：內聯(行內)樣式 > 內部樣式表 > 外部樣式表 > 導入樣式(@import)。

對于選擇器優先級，還可以通過計算權重值來比較

>10 CSS類選擇器也就是選擇html編碼中標明為特定Class(類)的元素.如<p Class="mytest">這是我要編輯的段落</p>，在CSS文件中可用 .mytest{ }來表達想要顯示的樣式。簡單地說，CSS類選擇器用" . "做前綴。

一、網頁制作中規范使用DIV+CSS命名規則，可以改善優化功效特別是團隊合作時候可以提供合作制作效率。

所有的命名最好都小寫

屬性的值一定要用雙引號("")括起來，且一定要有值如class="DIVcss",id="divcss"

每個標簽都要有開始和結束，且要有正確的層次，排版有規律工整

空元素要有結束的tag或于開始的tag后加上"/"

表現與結構完全分離，代碼中不涉及任何的表現元素，如style、font、bgColor、border等

<h1>到<h5>的定義，應遵循從大到小的原則，體現文檔的結構，并有利于搜索引擎的查詢。

給每一個表格和表單加上一個唯一的、結構標記id

給圖片加上alt標簽

盡量使用英文命名原則

盡量不縮寫，除非一看就明白的單詞

二、相對網頁外層重要部分CSS樣式命名：

外套 wrap ----------------用于最外層

頭部 header --------------用于頭部

主要內容 main ------------用于主體內容（中部）

左側 main-left ------------左側布局

右側 main-right -----------右側布局

導航條 nav -----------------網頁菜單導航條

內容 content ---------------用于網頁中部主體

底部 footer -----------------用于底部

DIV+CSS命名小結：

無論是使用“.”（小寫句號）選擇符號開頭命名，還是使用“#”(井號)選擇符號開頭命名都無所謂，但我們最好遵循。

主要的、重要的、特殊的、最外層的盒子用“#”(井號)選擇符號開頭命名，其它都用“.”（小寫句號）選擇符號開頭命名，同時考慮命名的CSS選擇器在HTML中重復使用調用。

通常我們最常用主要命名有：

wrap（外套、最外層）、header（頁眉、頭部）、nav(導航條)、menu(菜單)、title(欄目標題、一般配合h1\h2\h3\h4標簽使用)

、content (內容區)、footer(頁腳、底部)、logo（標志、可以配合h1標簽使用）、banner（廣告條，一般在頂部）、copyRight（版權）。