使用css选择器

会返回第一个符合css选择式的元素，如果没有符合条件的，会抛出NoSuchElementException

比如：

<html>
 <body>
  <p class="content">Site content goes here.</p>
</body>
<html>

要找p元素，可以这么来：

content = driver.find_element_by_css_selector('p.content')

孩子

直接孩子：
<div>
    <a>xx</a><!--选这个-->
</div>

css=div > a

内部孩子：
<div>
    <div>
        <a>xx</a><!--选这个-->
    </div>
</div>

css=div a

兄弟节点

<form>
    <input name="username"/>
    <input /><!--选这个-->
</div>

css=form input.username + input

ID && CLASS

ID：
<div id="example">
    <div>
        <a>xx</a><!--选这个-->
    </div>
</div>

css=div#example > a

CLASS：
<div class="example">
    <div>
        <a>xx</a><!--选这个-->
    </div>
</div>

css=div.example > a

属性

css=form input[name='username']
css=input[name='continue'][type='button']
css=a[id^='id_prefix_']    #前缀
css=a[id$='_id_sufix']    #后缀
css=a[id*='id_pattern']    #正则匹配

内部文本匹配

<a>Log Out</a>
css=a:contains('Log Out')

Previous通过标签名 Next对元素进行操作

Last updated 6 years ago

使用css选择器

会返回第一个符合css选择式的元素，如果没有符合条件的，会抛出NoSuchElementException

比如：

<html>
 <body>
  <p class="content">Site content goes here.</p>
</body>
<html>

要找p元素，可以这么来：

content = driver.find_element_by_css_selector('p.content')

孩子

直接孩子：
<div>
    <a>xx</a><!--选这个-->
</div>

css=div > a

内部孩子：
<div>
    <div>
        <a>xx</a><!--选这个-->
    </div>
</div>

css=div a

兄弟节点

<form>
    <input name="username"/>
    <input /><!--选这个-->
</div>

css=form input.username + input

ID && CLASS

ID：
<div id="example">
    <div>
        <a>xx</a><!--选这个-->
    </div>
</div>

css=div#example > a

CLASS：
<div class="example">
    <div>
        <a>xx</a><!--选这个-->
    </div>
</div>

css=div.example > a

属性

css=form input[name='username']
css=input[name='continue'][type='button']
css=a[id^='id_prefix_']    #前缀
css=a[id$='_id_sufix']    #后缀
css=a[id*='id_pattern']    #正则匹配

内部文本匹配

<a>Log Out</a>
css=a:contains('Log Out')

Previous通过标签名 Next对元素进行操作

Last updated 6 years ago