子元素選擇器
1.選擇元素的子元素
(1)和后代選擇器不同:#choose_car option
比如#choose_car > option
footer>p
可以是很多級
ul>ol>li>em
注意:直接子節點才可以用>
2.組選擇
組選擇同時選擇多個元素,逗號隔開
(1)語法<s1>,<s2>
(2)比如:p,button
#food,.cheese
組合使用
(1)選擇id為food的所有span子元素和所有的p(包括非food的子元素)
#food>span,p
(2)選擇id為food的所有span子元素和所有的p子元素
#food>span,#food>p
(3)選擇id為food的所有子元素
#food>*
3.兄弟節點選擇
(1)選擇緊接在另一個元素后的元素,二者有相同的父元素
比如:#food+div
#many>div>p.special+p
(2)選擇在另一個元素后的元素,二者有相同的父元素
比如
#food~div
4.屬性選擇器
可以根據元素的屬性及屬性值來選擇元素
比如
*[style]#選擇所有style屬性的值
p[spec=len2]#指定屬性的值
p[spec*='len2']#包含len2的值
p[spec^='len2']#以len2開頭
p[spec$='len2']#以len2結尾
p[class=special][name=p1]

css選擇器語法詳細網址:
http://www.w3school.com.cn/cssref/css_selectors.ASP
常用語法:
:nth-child(n)#從前往后數
:nth-last-child(n)#從后往前數


選擇框自動化:

