在css的學習中有乙個很容易讓人混亂的就是css選擇器，因為選擇器有很多種，而且在使用的時候有些類似，有些卻相差很遠。那麼本文就對css選擇器，作為乙個集中的總結梳理。（注：文中**因篇幅有限僅寫出關鍵部分**）在元素的屬性裡加上id標籤，然後用「#+id名選擇」，如
在元素的屬性裡加上class標籤，然後用」.class名稱」選擇所有具有相同class名稱的元素。如：#z id標籤當id和class選擇的是同一元素的相同屬性時，顯示id的效果，如：.centerthis line an h1 are centered
p.center
only this line is centered
當多個元素有共同的css樣式描述時可以使用分組減少**，如：#a,#b,#ctext
test
text
以空格分隔,選取改元素的所有後代，其實就是巢狀的選擇的格式啦，如：div pname
則name和age都會居中，選擇的只要是後代就行，可以是子元素的子元div pname
age
以大於號分隔，子選取元素的直接後代，如：
則只有age會居中顯示div>pname
age
以加號分隔，若元素有共同的父元素，則可以選擇緊接在另一元素後的元素，如：
則test的顏色會為藍色div+h1name
age
以波浪號分隔，若元素有共同的父元素，選取所有指定元素之後的相鄰兄弟元素，如：
則name和age都會被選擇變為藍色。div~pname
age
[屬性]使用，無論什麼屬性，該選擇器會選擇所有具有該屬性的元素，如：
則所有具有href屬性的元素都會被選擇，baidu和sina就會為綠色。
可以選擇多屬性，如：
選擇具體到屬性的具體屬性值，如：a[href][title]sina
則只有baidu會變綠。
也可以選擇多個屬性值，如：
可以用波浪號」~「只匹配部分進行選擇（可以想成約等於），如：
前三行都會匹配，但是a_2不匹配（要用子串匹配屬性選擇器）。img[title~="a"]應用在鏈結裡的偽類
a:linka:visiteda:hoverfirst-child偽類a:active用於相文中首行設定樣式，且只應用於塊級元素，可設定的屬性有：
first-letter：用於設定文字首個字元的樣式，且只能用於塊級元素，可設定的屬性有：fontcolor
background
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear
fontcolor
background
margin
padding
border
text-decoration
text-transform
vertical-align (僅當 float 為 none 時)
clear
line-height
float
css選擇器 CSS選擇器總結
在前不久的專案中，實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義，從而導致這個全域性的樣式讓 所有頁面都出現了問題，然後我就只...
jQuery選擇器總結
父元素中所有的子元素，不包括後代元 父元素 子元素 選擇某元素的緊挨著的元素 如果不存在則什麼都不選擇 某元素 需要查詢的元素 層次選擇器4 個 選擇父元素中的某些元素 父元素 子元素 選擇選擇兄弟元素 可以間隔其他元素 某元素 需要查詢的元素 簡單選擇器10 個 簡單選擇器的特點是有個 first...
Jquery選擇器總結
jquery中的選擇器通用的格式為 selector 這裡的selector總的來說可以按照幾種類別進行選擇 1 按照元素的名稱選 這時直接寫元素的名稱即可，此時返回的是所有該名稱元素的集合。如 a 選擇所有的元素，是個集合陣列 p 選擇所有的元素 2 按照元素的id屬性選擇 這時selector的...