1. css選擇器
在 css 中，選擇器是一種模式，用於選擇需要新增樣式的元素。
targetname:.classname
#idname: {}
*element>elementelement
element
div.hah div選擇器1，選擇器2
選擇器1+選擇器2
選擇器1~選擇器2{}
## 同級別中的選擇器
1. first-child 選中同級別中的第乙個標籤
2. last-child 選中同級別中的最後乙個標籤
3. nth-child(n) 選中同級別中的第n個標籤
4. nth-last-child(n) 選中同級別中的倒數第n個標籤
5. nth-child(odd){} 選中奇數行的標籤
6. nth-child(even){} 選中偶數行的標籤
## 同級別同型別的選擇器
1.first-of-type 選中同級別同型別的第乙個標籤
2.last-of-type 選中同級別同型別的最後乙個標籤
3.nth-of-type
(n) 選中同級別同型別的第n個標籤
4.nth-last-of-type
(n) 選中同級別同型別的倒數第n個標籤
5。nth-of-type
(odd)
{} 選中同級別同型別的奇數行的標籤
6.nth-of-type
(even)
{} 選中同級別同型別的偶數行的標籤
或者也可以通過
nth-child(2n+1)
nth-of-type
(2n+1)
等來實現，通過傳入不同的引數，來實現不同的效果
// 含有alt屬性的img標籤
img[alt]{}
// 屬性class的值為value的p標籤
p[class=value]{}
// 屬性值alt的值中以vlaue開頭的img標籤
img[alt^=value]{}
// 屬性值alt的值以value結尾的img標籤
img[alt$=value]{}
// 屬性值alt的值中包含vlaue的img標籤
img[alt*=value]{}
css三大特性
1、層疊性
所謂層疊性是指多種css樣式的疊加
2、繼承性
所謂繼承性是指書寫css樣式表時，子標記會繼承父標記的某些樣式，如文字顏色和字型大小。想要設定乙個可繼承的屬性，只需將它應用于父元素即可。
注意點
在css的繼承中不僅僅是兒子可以繼承，只要是後代都可以繼承
繼承性中的特殊性
所有字相關的都可以繼承，字型、文字屬性等網頁中通用的樣式可以使用繼承。例如，字型、字型大小、顏色、行距等
3.css的優先順序
內聯樣式最大，內聯樣式的優先順序最高。
id選擇器的優先順序，僅次於內聯樣式。
!important
什麼是important
作用:用於提公升某個直接選中標籤的選擇器中的某個屬性的優先順序。可以將被指定的屬性的優先順序提公升為最高
注意點important只能用於直接選中，不能用於間接選中
萬用字元選擇器選中的標籤也是直接選中的
!important只能提公升被指定的屬性的優先順序，其他屬性的優先順序不會被提公升
!important 須寫在屬性值的分號前面
!important前面的感嘆號不能省略
權重問題
什麼是優先順序的權重？
作用：當多個選擇器混合在一起使用時，我們可以通過計算權重來判斷誰的優先順序最高
權重的計算規則
首先計算選擇器中有多少個id，id多的選擇器優先順序最高
如果id的個數一樣，那麼再看看類名的個數，類名個數多個優先順序最高
如果類名的個數一樣，那麼再看標籤名稱的個數，標籤名稱個數多的優先順序最高
如果id個數一樣，類名個數也一樣，標籤名稱個數也一樣，那麼就不會繼續往下計算了，此時誰寫在後面就聽誰的(優先順序相同時，後面的會把前面的覆蓋)
注意點只有選擇器是直接選中標籤的時候才需要計算權重
權重會疊加
定義css樣式時，經常出現兩個或更多規則應用在同一元素上，這時就會出現優先順序的問題。
在考慮權重時，具體如下：
繼承樣式的權重為0。即在巢狀結構中，不管父元素樣式的權重多大，被子元素繼承時，他的權重都為0，也就是說子元素定義的樣式會覆蓋繼承來的樣式。
行內樣式優先。應用style屬性的元素，其行內樣式的權重非常高，可以理解為遠大於100。總之，他擁有比上面提高的選擇器都大的優先順序。
權重相同時，css遵循就近原則。也就是說靠近元素的樣式具有最大的優先順序，或者說排在最後的樣式優先順序最大。
所有都相同時，宣告靠後的優先順序大。
css定義了乙個!important命令，該命令被賦予最大的優先順序。也就是說不管權重如何以及樣式位置的遠近，!important都具有最大優先順序。
行內樣式 > 頁內樣式 > 外部引用樣式 > 瀏覽器預設樣式
important > 內聯 > id > 偽類|類 | 屬性選擇 > 標籤 > 偽物件 > 萬用字元 > 繼承
CSS及其多種選擇器
昨天博文快結束的時候我展示了css的 結構和css的乙個樣式選擇器 標籤選擇器 其功能為 根據標籤名稱定義所有將要使用的這種標籤都採用定義的樣式。其格式為 標籤名 今天我將展示css其他的選擇器 類選擇器，id選擇器，後代選擇器，分組選擇器，通配選擇器及其他們的優先順序。每乙個標籤都可以有乙個cla...
css選擇器及其性質
通過標籤名選中元素。語法 標籤名 不管標籤巢狀多深，都可以通過標籤名查詢到。1 p 4 5 6 7 8 9 內部深層的 p10 11 12 13 14 用途 清除，重置預設樣式 1 用途 重置，清除預設樣式 2 a 6 ul 通過id名選中元素 語法 id名 和id名緊緊書寫 id名命名規則 htm...
CSS的簡介及其選擇器
基本語法檢視文字內容 檢視文字內容 檢視文字內容 檢視文字內容 檢視文字內容 檢視文字內容 檢視文字內容 檢視文字內容 檢視文字內容 檢視文字內容 檢視css的效果 檢視css的效果 檢視css的效果 zhangsan 23 選擇所有標籤1.未連線 a link 2.已經訪問鏈結 a visited...