Heim  >  Artikel  >  Web-Frontend  >  Welche verschiedenen Möglichkeiten gibt es, CSS-Ausdrücke zu erstellen?

Welche verschiedenen Möglichkeiten gibt es, CSS-Ausdrücke zu erstellen?

王林
王林nach vorne
2023-08-26 22:57:091041Durchsuche

创建 css 表达式有哪些不同的方法?

Nachfolgend sind die verschiedenen Möglichkeiten zum Erstellen von CSS-Ausdrücken aufgeführt:

  • Verwenden Sie eine Klasse als CSS-Selektor.

    Dadurch werden alle Webelemente dieser bestimmten Klasse ausgewählt. (Angezeigt durch (.), z. B. - .classname)

  • ID als CSS-Selektor verwenden.

    Dadurch wird das Webelement mit dieser spezifischen ID ausgewählt. (z. B. dargestellt durch (#) - #ID)

  • Tag-Namen und Attributwert als Selektor verwenden.

    Dadurch wird eine webelementspezifische Kombination von Attributwerten für dieses Objekt ausgewählt. (dargestellt durch tagname [attribute='value'])

Beispiel

import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
public class CssExpression {
   public static void main(String[] args) {
      System.setProperty("webdriver.chrome.driver", "C:\Users\ghs6kor\Desktop\Java\chromedriver.exe");
      WebDriver driver = new ChromeDriver();
      String url = "https://www.tutorialspoint.com/index.htm";
      driver.get(url);
      driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);
      //Using class with . For css expression
      driver.findElement(By.cssSelector(".gsc- input")).sendKeys("Selenium");
      driver.close();
      }
}

Beispiel

import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
public class CssId {
   public static void main(String[] args) {
      System.setProperty("webdriver.chrome.driver",    "C:\Users\ghs6kor\Desktop\Java\chromedriver.exe");
      WebDriver driver = new ChromeDriver();
      String url = "https://www.tutorialspoint.com/index.htm";
      driver.get(url);
      driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);
      //Using id with # for css expression
      driver.findElement(By.cssSelector("#gsc-i- id1")).sendKeys("Selenium");
      driver.close();
   }
}

Beispiel

import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
public class CssTagExp {
   public static void main(String[] args) {
      System.setProperty("webdriver.chrome.driver", "C:\Users\ghs6kor\Desktop\Java\chromedriver.exe");
      WebDriver driver = new ChromeDriver();
      String url = "https://www.tutorialspoint.com/index.htm";
      driver.get(url);
      driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);
      //Using id tagname attribute combination for css expression
      driver.findElement(By.cssSelector("input[name=’search’]")).
      sendKeys("Selenium");
      driver.close();
   }
}

Das obige ist der detaillierte Inhalt vonWelche verschiedenen Möglichkeiten gibt es, CSS-Ausdrücke zu erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen