『心善渊』Selenium3.0基础 — 13.CSS选择器定位

CSS选择器练习请结合文章https://blog.csdn.net/Liuyuelinjiayou/article/details/106302103一起看。

关于更多的CSS选择器定位内容，请查看CSS选择器文档：https://www.w3school.com.cn/cssref/css_selectors.asp。

1、css属性定位

2、css属性值模糊匹配定位

注意：[attribute|=value]

该值必须是整个单词，比如 lang="en"，或者后面跟着连字符，比如 lang="en-us"。

3、css标签定位

4、css层级关系定位

示例：

5、css索引定位

6、css逻辑运算定位

7、css元素状态定位

七 、总结

• 如果元素有明确id，name，class属性时，使用对应的基本定位方法。

• 如果没有id，name，class属性时，或id，name，class属性是动态/不唯一的时候，使用XPath和css_selector定位。

• 定位页面超链接使用link_text和partial_link_text定位

• 可使用XPath和css_selector定位的时候，优先使用css_selector。

  css_selector定位的速度和效率比Xpath高。

• 没有最好的，只有最精简的，怎么简单怎么来。

扩展：为什么css_selector定位的速度和效率比Xpath高?

因为你无论用那种方式定位，最终都会转换到css_selector进行元素定位。

我们可以在PyCharm中，安装ctrl点击对应的方法，进行查看源码，最终都会定位到如下代码：

    def find_element(self, by=By.ID, value=None):
        """
        Find an element given a By strategy and locator. Prefer the find_element_by_* methods when
        possible.

        :Usage:
            element = driver.find_element(By.ID, 'foo')

        :rtype: WebElement
        """
        if self.w3c:
            if by == By.ID:
                by = By.CSS_SELECTOR
                value = '[id="%s"]' % value
            elif by == By.TAG_NAME:
                by = By.CSS_SELECTOR
            elif by == By.CLASS_NAME:
                by = By.CSS_SELECTOR
                value = ".%s" % value
            elif by == By.NAME:
                by = By.CSS_SELECTOR
                value = '[name="%s"]' % value
        return self.execute(Command.FIND_ELEMENT, {
            'using': by,
            'value': value})['value']

说明：可以看到上面代码中的if语句中，所有用到的定位方式，最后都转为对应的css_selector定位。