CSS parinkikliai yra naudojami norėdami pasirinkti turinį, kurio stilių norite sukurti . Selektoriai yra CSS taisyklių rinkinio dalis. CSS parinkikliai parenka HTML elementus pagal jų ID, klasę, tipą, atributą ir kt.
CSS yra keletas skirtingų selektorių tipų.
- CSS elementų parinkiklis
- CSS ID parinkiklis
- CSS klasės parinkiklis
- CSS universalus parinkiklis
- CSS grupės parinkiklis
1) CSS elementų parinkiklis
Elementų parinkiklis pasirenka HTML elementą pagal pavadinimą.
p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p> Išbandykite dabar Išvestis:
Šis stilius bus taikomas kiekvienoje pastraipoje.
Aš taip pat!
Ir aš!
regresijos išraiška java
2) CSS ID parinkiklis
ID parinkiklis pasirenka HTML elemento id atributą, kad pasirinktų konkretų elementą. ID visada yra unikalus puslapyje, todėl jis pasirenkamas norint pasirinkti vieną unikalų elementą.
Jis rašomas maišos simboliu (#), po kurio nurodomas elemento ID.
Paimkime pavyzdį su ID „para1“.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> Išbandykite dabar Išvestis:
Sveiki Javapoint.com
Ši pastraipa neturės įtakos.
testavimas ir testavimo tipai
3) CSS klasės parinkiklis
Klasės parinkiklis parenka HTML elementus su konkrečiu klasės atributu. Jis naudojamas su taško simboliu. (taško simbolis), po kurio nurodomas klasės pavadinimas.
Pastaba: klasės pavadinimas neturėtų prasidėti skaičiumi.
Paimkime pavyzdį su klasės „centru“.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> Išbandykite dabar Išvestis:
Sveiki Javapoint.com
Sveiki, Javatpoint.com (mažesniu šriftu)
Tai pastraipa.