**：
什麼是css選擇器
一種快速定位元素的方法
css選擇器的基本用法
用法示例
說明**
解釋: 選擇所有元素
.class.intro
解釋: 選擇所有class="intro"的元素
#id#firstname
解釋: 選擇所有id="firstname"的元素
elementp
解釋: 選擇所有< p>元素
:not(selecotr):not( p)
解釋: 選擇每個並非p元素的元素
element,elementdiv,p
解釋: 選擇所有< div>元素和< p>元素
element elementdiv p
解釋: 選擇< div>元素內的所有< p>元素(後代們)
element>elementdiv>p
選擇所有父級是 < div> 元素的 < p> 元素(兒子們)
element1~element2p~ul
解釋: 選擇p元素之後的每乙個ul元素(弟弟們)
element+elementdiv+p
解釋: 選擇所有緊接著< div>元素之後的< p>元素(第乙個弟弟)
[attribute][target]
解釋: 選擇所有帶有target屬性元素
[attribute=value][target=-blank]
解釋: 選擇所有使用target="-blank"的元素
解釋: 選擇每乙個href屬性的值以"https"開頭的元素
[attribute$=value]a[href$=".pdf"]
解釋: 選擇每乙個href屬性的值以".pdf"結尾的元素
[attribute*=value]a[href*=「runoob」]
解釋: 選擇每乙個href屬性的值包含子字串"runoob"的元素
:first-childp:first-child
解釋: 指定只有當< p>元素是其父級的第乙個子級的樣式
:first-of-typep:first-of-type
解釋: 選擇每個p元素是其父級的第乙個p元素
:last-of-typep:last-of-type
解釋: 選擇每個p元素是其父級的最後乙個p元素
:only-of-typep:only-of-type
解釋: 選擇每個p元素是其父級的唯一p元素
:only-childp:only-child
解釋: 選擇每個p元素是其父級的唯一子元素
:nth-child(n)p:nth-child(2)
解釋: 選擇每個p元素是其父級的第二個子元素
:nth-last-child(n)p:nth-last-child(2)
解釋: 選擇每個p元素的是其父級的第二個子元素，從最後乙個子項計數
:nth-of-type(n)p:nth-of-type(2)
解釋: 選擇每個p元素是其父級的第二個p元素
:nth-last-of-type(n)p:nth-last-of-type(2)
解釋: 選擇每個p元素的是其父級的第二個p元素，從最後乙個子項計數
:last-childp:last-child
解釋: 選擇每個p元素是其父級的最後乙個子級
:emptyp:empty
解釋: 選擇每個沒有任何子級的p元素（包括文字節點）
element.classp.hello
解釋: 所有class="hello"的p標籤
element.class.classp.hello.world
所有class="hello world"的標籤
element.class element.classp.hello p.world
解釋: 所有class="hello"的p標籤下的所有class="world"的p標籤
前端 3 css（注意css選擇器）
css 層疊樣式表 cascading style sheets 語法結構選擇器 行內樣式 標籤內 在標籤內使用style屬性進行設定 內部樣式表 style標籤內 在style標籤內通過選擇器設定 外部樣式表 css檔案 在css檔案內通過選擇器設定 href 檔案路徑 rel 使用外部樣式表 t...
爬蟲 css選擇器 和 xpath選擇器
ret soup.select my p ret soup.select body p 子子孫孫 ret soup.select body p 直接子節點 兒子 ret soup.select body p 0 text 直接子節點 兒子 xpath xpath 是一門在 xml 文件中查詢資訊的語...
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...