? ? ? ?CSS(Casading Style Sheets)是一種用于渲染HTML或者XML文檔的語言，CSS利用其選擇器可以將樣式屬性綁定到文檔中的指定元素。理論上來說無論一個元素定位多復雜都能夠定位到元素。

? ? ? ?不同的瀏覽器XPath引擎不同甚至沒有自己的XPath引擎，導致了XPath定位速度較慢，所以推薦使用CSS來定位。

????????很多情況下CSS無法使用時，XPath非常容易就可以做到，其次是因為XPath比CSS更加簡單且容易上手。

下面介紹CSS的幾種定位方法：

1、CSS元素選擇器

input 選擇input元素

p 選擇p元素

2、CSS ID與類選擇器ID? ? ?選擇器以 "#"來定義

class類? ??選擇器以一個?"." 點號來定義

示例：搜狗搜索頁面元素舉例

#query? 表示id為query的元素

.query? 表示class為query的元素

3、CSS 屬性選擇器

屬性選擇器可以根據元素的屬性級屬性值來選擇元素。

示例:?

[title]?將title屬性放到中括號里，表示選擇具有該屬性的元素

[title=value]? ??title屬性等于value的元素

[title~=value]??title屬性包含value單詞的元素，注意是單詞

[title|=value]? ? title屬性以value單詞開頭的元素，注意是單詞

[title^=value]? ?title屬性以value開頭的元素

[title$=value]? ??title屬性以value結尾的元素

[title*=value]? ? ?title屬性包含value開頭的元素

input[title*=value] 表示input元素下有title屬性包含value的元素

input[type='text'][name='query']#query?input元素有type='test'、name='query'、id='query'的元素

4、CSS?后代選擇器

后代選擇器又稱為包含選擇器。后代選擇器可以選擇作為某元素后代的元素。

注意: 后代元素不一定是兒子，也有可能是孫子。

示例:? 搜狗搜索頁面元素

span input?選擇span下的input元素

div.content span.enter-input input#stb?選擇div.content下span.enter-input下的input id=stb的元素

5、CSS 子元素選擇器

與后代選擇器相比，子元素選擇器只能選擇作為某元素子元素的元素。

如果不希望選擇任意的后代元素，而是希望縮小范圍，只選擇某個元素的子元素，就使用子元素選擇器。子元素選擇器只能選擇兒子。

示例:? 搜狗搜索頁面元素div>input?只作為 div 元素子元素的 input元素div>form>span>input?div下的子元素form下的子元素span下的子元素inputdiv>form[name='sf']>span>input#query?div下的子元素form[name='sf']下的子元素span下的子元素input#querydiv#content form>span>input#query?div#content下的子元素form下的子元素span下的子元素input#query

6、CSS?相鄰兄弟選擇器

相鄰兄弟選擇器可選擇緊接在另一個元素后的元素，而二者有相同父元素。
示例：搜狗搜索頁面元素示例input+input?input后出現的input的元素div#content form>span+input?div#content下的form元素下的子元素span同級相鄰的第一個弟弟元素

7、CSS 偽類

CSS偽類用于向某些選擇器添加特殊的效果。Selenium中元素CSS定位用的偽類只有:first-child(元素的第一個子元素)，其他的可靠性非常低或者不能使用。
示例：搜狗搜索頁面元素示例input:first-child? 所有第一個input元素?from >input:first-child?所有from子元素中的第一個input元素from?span:first-child?input:first-child from下的第一個span元素下的第一個input元素

8、CSS 選擇器運用示例

9、CSS 選擇器參考手冊

參考w3school的選擇器參考手冊為樣本，
原文參考鏈接:?https://www.w3school.com.cn/cssref/css_selectors.asp

總結

以上是生活随笔為你收集整理的input里面只有name属性 可以用id定位么_Selenium元素定位 提高篇 CSS定位元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。