之前寫css，用的最多的選擇器就是id選擇器和類選擇器了，雖然基本上能滿足寫頁面的各種需求，但有些css寫法還是有些冗雜。今天通過對css新增選擇器的學習，能讓之後的**更加優化。
li:first-child
li:last-child
li:nth-child(4)
:target/*獲取到擁有該屬性的元素*/
div[class^=font]
div[class$=footer]
div[class*=tao]
屬性選擇器
屬性選擇器
屬性選擇器
屬性選擇器
屬性選擇器
屬性選擇器123
屬性選擇器footer
屬性選擇器footer
屬性選擇器
屬性選擇器
屬性選擇器
e::first-letter文字的第乙個單詞或字（如中文、日文、韓文等）
e::first-line 文字第一行；
e::selection 可改變選中文字的樣式；
p::first-letter
/* 首行特殊樣式 */
p::first-line
p::selection
e::before和e::after
在e元素內部的開始位置和結束位建立乙個元素，該元素為行內元素，且必須要結合content屬性使用。
div::befor
div::after
e:after、e:before 在舊版本裡是偽元素，css3的規範裡「:」用來表示偽類，「::」用來表示偽元素，但是在高版本瀏覽器下e:after、e:before會被自動識別為e::after、e::before，這樣做的目的是用來做相容處理。
「:」 與 「::」 區別在於區分偽類和偽元素
之所以被稱為偽元素，是因為他們不是真正的頁面元素，html沒有對應的元素，但是其所有用法和表現行為與真正的頁面元素一樣，可以對其使用諸如頁面元素一樣的css樣式，表面上看上去貌似是頁面的某些元素來展現，實際上是css樣式展現的行為，因此被稱為偽元素。是偽元素在html**機構中的展現，可以看出無法偽元素的結構無法審查
注意
偽元素:before和:after新增的內容預設是inline元素**；這個兩個偽元素的content屬性，表示偽元素的內容,設定:before和:after時必須設定其content屬性，否則偽元素就不起作用。
通過background-size設定背景的尺寸，就像我們設定img的尺寸一樣，在移動web開發中做螢幕適應非常廣泛。
其引數設定如下：
a)可以設定長度單位（px）或百分比（設定百分比時，參照盒子的寬高）
b）設定為cover時，會自動調整縮放比例，保證始終填充滿背景區域，如有溢位部分則會被隱藏。我們平時用的cover最多
c）設定為contain會自動調整縮放比例，保證始終完整顯示在背景區域
以逗號分隔可以設定多背景，可用於自適應布局 做法就是用逗號隔開就好了。
我是凸起的文字
我是凹下的文字
CSS3 新增選擇器
新增選擇器 用法描述 element1 element2 p u選擇在同乙個父級元素下的p後面的所有的ul 選擇其 src 屬性值以 https 開頭的每個a元素 attribute value a src pdf 選擇其 src 屬性以 pdf 結尾的所有a元素 attribute value a...
css3新增選擇器
1.屬性選擇器 1 e att 元素 屬性 選擇具有att屬性的e元素，需要選擇有某個屬性的元素，而不論是行為是什麼，可以使用簡單的屬性選擇器 注 可以根據多個屬性進行選擇，只需要將屬性選擇器連線即可。2 e att val 元素 屬性 屬性值 選擇具有att屬性且屬性值為val的e元素，進一步縮小...
css3新增選擇器
屬性選擇器 1.dom attr 帶有attr的屬性會被選擇 2.dom attr value 帶有attr的屬性，並且值為value的元素會被選擇 3.dom attr value 帶有attr的屬性，並且值當中只要包含完整的value單詞，就會被選擇 4.dom attr value 帶有att...