Selenium WebDriver中的CSS选择器及示例

Post Link : CSS Selectors in Selenium WebDriver with Examples

CSS选择器是元素选择器和选择器值的组合，用于标识网页中的Web元素。 元素选择器和选择器值的组合称为“选择器模式”。 选择器模式是使用HTML标记，属性及其值构造的。 创建CSS选择器和Xpath的过程背后的中心主题非常相似，其唯一区别在于其构造协议。

In this post we are going to discuss how to use css selector in selenium WebDriver java. Most of the automation testers believe that using CSS selectors makes the execution of script faster compared to XPath locator. CSS Selector locator is always the best way to locate elements on the page. CSS is always same irrespective of browsers.

To learn more about CSS Sector, do visit the below page :
https://www.w3schools.com/cssref/css_selectors.asp

使用CSS选择器的一些好处： CSS Selector更快（尤其是在IE中）。 CSS选择器更具可读性。 在性能方面，与XPATH相比，CSS表现良好。 注意：在选择元素时，请确保该元素应该是唯一的，描述性的并且不可能更改。

硒WebDriver中CSS选择器的语法： driver.findElement（By.cssSelector（“ input [class ='username']”））。sendKeys（“ skptricks-3”）; 要使用css选择器标识Web元素，我们需要调用cssSelector（）方法。

Check out below web page link, we are going to use this link for CSS Selector demonstration :
DEMO LINK :
https://skptricks.github.io/learncoding/selenium-demo/login%20registration%20page/Register.html

[Read more...

from: https://dev.to//skptricks/css-selectors-in-selenium-webdriver-with-examples-500k