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

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

王林
Freigeben: 2023-08-26 22:57:09
nach vorne
1210 Leute haben es durchsucht

创建 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();
      }
}
Nach dem Login kopieren

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();
   }
}
Nach dem Login kopieren

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();
   }
}
Nach dem Login kopieren

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!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage