WebDriver-定位策略之通过CSS定位总结

CSS即Cascading Style Sheets。 是样式表语言，用于描述用标记语言编写的文档的外观和格式。通过CSS定位Web元素涉及使用CSS选择器，它基于HTML标记，id，class和属性的组合来标识元素。在WebDriver中，CSS选择器以六种模式工作，以识别和定位Web元素。

标签和ID语法:driver.findElement(By.cssSelector("Tag#Value of id attribute"))

因此，要定位文本框，可使用输入标记及其id属性的值:driver.findElement(By.cssSelector("input#fname"))

同样，要找到Submit按钮，可使用button标签及其id属性的值:driver.findElement(By.cssSelector("button#idOfButton"))

标签和Class语法:driver.findElement(By.cssSelector("Tag.Value of Class attribute"))

因此，在示例网页上找到“Automation Testing”复选框，可使用输入标记及其Class属性的值:

driver.findElement(By.cssSelector("input.Automation"))

标签和属性语法:driver.findElement(By.cssSelector("Tag[Attribute=value]"))

要定位文本框，可使用输入标记及属性的值:driver.findElement(By.cssSelector("input[id=fname]"))

标签，类和属性

子串匹配，WebDriver允许使用^，$和*进行部分字符串匹配

使用^表示’以’开头’：driver.findElement(By.cssSelector("Tag[attribute^=prefix of the string]"))

使用$符号表示“以…结尾”。driver.findElement(By.cssSelector("Tag[attribute$=suffix of the string]"))

使用*表示匹配“子字符串”。driver.findElement(By.cssSelector("Tag[attribute*=sub-string]"))