#coding:utf8
##########css_selector#############
'''.info 選擇 class="intro" 的所有元素
#name 選擇 id="name" 的所有元素
* 所有元素
div 選擇所有div
div,p 選擇所有div和p
div p 選擇div內部的p
div>p 選擇父元素為 元素的所有 元素
div+p 選擇緊接在 元素之後的所有 元素
[target]
[target=_blank] 選擇含有target=_'blank'的所有元素
[target~=blank] 選擇含有target屬性，且屬性值包含'blank'欄位的所有元素
[target|=en] 選擇含有target屬性，且屬性值以'en'字段開頭的所有元素
：a:link 選擇所有未被訪問的鏈結
a:visited 選擇所有已被訪問的鏈結
a:active 選擇活動鏈結
a:hover 選擇滑鼠指標位於其上的鏈結
a:focus 選擇獲得焦點的 a 元素 (input)
p:first-letter 選擇每個 元素的首字母
p:first-line 選擇每個 元素的首行
p:first-child 選擇所有p下的第乙個子元素
p:last-child
p:nth-child(2) 選擇p下的第二個子元素
p:nth-last-child(2) 選擇p下的倒數第二個子元素
p:only-child 選擇只有乙個子元素的p
p:empty 選擇沒有子元素的p
input:checked 選擇每個被選中的 元素
:not(p) 非p
a[src^="https"] 選擇其 src 屬性值以 "https" 開頭的每個 元素
a[src$=".pdf"] 選擇其 src 屬性以 ".pdf" 結尾的所有 元素
a[src*="abc"] 選擇其 src 屬性中包含 "abc" 子串的每個 元素
xpath 中驗證document.queryselector("input[name='wd']")選擇器是否書寫正確
'''
CSS選擇器小結
基礎選擇器包括三種 html標籤選擇器，class選擇器和id選擇器三種。html標籤選擇器的使用 直接寫出html標籤名，例如 p 代表將文件中所有的p元素內部的文字渲染成紅色。class選擇器 加class名，例如 class id選擇器 加id名，例如 id 綜合選擇器，顧名思義就是將基礎選擇...
CSS的選擇器小結
css中的選擇器分為標籤選擇器 類選擇器和id選擇器 p.類選器名稱在使用類選擇器前先要為標籤設定乙個類，如 id選擇器 類似於類選擇器，不同的是id選擇器是唯一的，格式為 id選器名稱id選擇器同樣需要設定乙個id，如 選擇器是有 輩分關係 的，一代套著一代 子選擇器 子選擇器是父子關係，頗象是大...
關於css選擇器的小結
css的選擇器 1 id選擇器 2 派生選擇器 元素標籤選擇 3 類選擇器 class 4 屬性選擇器 選擇擁有特定屬性的元素 title attribute 用於選取帶有指定屬性的元素。attribute value 用於選取帶有指定屬性和值的元素。attribute value 用於選取屬性值中...