css3選擇器
級聯繼承
css3選擇器在應用時總是出現錯誤，檢查**才發現原來時選擇器就沒搞明白，今天我要單拿出來總結一下。
首先要搞清楚html中的標籤，簡單梳理下html常用標籤。
行內標籤，與行內標籤共享一行空間 （寬高由內容決定，設定寬高無效）
href="
">
a>
>
span
>
>
i>
>
em>
>
u>
>
strong
>
>
sub>
>
sup>
p標籤比較特殊，雖然是塊級標籤，但他是文本級標籤，p標籤裡面只能放文字&&表單，p標籤裡面是不可以巢狀ul和h的，也不可以巢狀p標籤。
>
div>
>
p>
>
h1>
>
ul>
>
dl>
>
li>
>
dd>
>
dt>
行內塊級標籤，既滿足內聯又滿足塊級標籤要求（可以與行內標籤共享一行空間，也可以設定寬高）
src=""
alt="
">
選擇器解釋
element{}標籤選擇器,"element"指標簽名稱，eg:p{}
.class{}類選擇器，「class」指類名
#id{}id選擇器，"id"指id名
*{}通用選擇器，選擇所有元素
類選擇器這裡闡述一下，他還有兩種應用方式：
選擇器解釋
element element{}後代選擇器，用空格隔開，eg:divp{}選擇的是div下的所有p標籤
element>element{}子代選擇器，eg:div>p{}選擇的是以div為父元素的p標籤
element+element{}下乙個兄弟選擇器，eg:h1+p{}選擇的是緊跟著h1標籤的乙個p元素，並且這兩個標籤有共同的父元素
element~element{}之後所有兄弟選擇器，eg:divh1~p{}選擇的是h1標籤之後所有的兄弟p元素
選擇器解釋
[attr]選擇指定attr屬性名的元素（常用）
[attr=value]選擇屬性名的值為指定值的元素（常用）
[attr~=vlaue]選擇屬性名的值之一為指定值的元素
[attr^=value]選擇屬性名的值以指定值開頭的元素
[attr$=value]選擇屬性名的值以指定值結尾的元素
[attr*=value]選擇屬性名的值中包含有指定值的元素
選擇器解釋
a:link
未訪問的鏈結
a:visited
已訪問的鏈結
a:hover
滑鼠移動到鏈結上
a:active
滑鼠按鍵不松
:focus
擁有鍵盤輸入焦點的元素
:first-child
元素的第乙個子元素
[element]:nth-child(n)
第n個子元素是[elemrnt]的元素
:last-child
元素的最後乙個子元素
class
="footer-list-family"
>
type
="text"
value
="搜素"
>
>
>
>
>
hello！li
>
ul>
>
>
廉正舉報li
>
>
>
ul>
要求：應用css偽類選擇器，選中第二個ul下的li，設定font為color。
.footer-list-family ul:nth-child(3) li
.footer-list-family ul:nth-child(2) li
{color
: red;
選擇器解釋
::before
[element]內容之前插入內容
::after
[element]內容之後插入內容
::first-line
選擇[element]首行
::first-letter
選擇[element]內容首字母
::selection
選擇被使用者選取的元素部分
::placeholder
選擇乙個表單元素的佔位文字
::backdrop
在任何處於全屏模式的元素下的即刻渲染的盒子
偽類是描述一種狀態，可以出現在選擇器的任何位置；偽元素是新增一些東西，只能跟在選擇器的最後乙個簡單選擇器。
在所有的選擇器中，某個選擇器定義的規則是否能夠實現（優先順序）取決於三個元素：importance、specifity、source order
!important宣告(importance)：在css規則的值結尾新增「!important」，此條規則優先順序高於一切。
特性值（specifity):
特性值1000
html中行內宣告的規則
100id選擇器
10類、屬性、偽類選擇器
1標籤、偽元素選擇器
3.**順序（source order）：就近原則，如果多個選擇器具有相同的重要性和特性值，後來的規則優先前面的規則（後者居上）。
css提供三個特殊值用來處理繼承：
inherit：繼承父元素的樣式
initial：不繼承，瀏覽器預設樣式。
unset：不設定，表現規則本來特性，
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...
CSS3選擇器 屬性選擇器
指定屬性名，但沒有確定任何屬性值 type text css div div title style div1div title name div2div title age div3div body 指定屬性名，並指定了該屬性的屬性值 其他 與上述相同 div title name 指定屬性名，具...