Seçici, belirli özellik değerlerine sahip öğeleri seçmek için kullanılır.
Örnek;
Aşağıdaki örnek, tüm <input> form öğelerinden type = “checkbox” nitelikli onay kutularını seçer.
Aşağıdaki örneğimizde içinde “menu” ifadesi geçen sınıflar seçilmekte ve stil uygulanmaktadır.
Örnek;
Aşağıdaki örnek, tüm <input> form öğelerinden type = “checkbox” nitelikli onay kutularını seçer.
CSS:
<!DOCTYPE html>
<html>
<head>
<style>
input[t[type=checkbox]/span>{
width: 30px;
height: 30px;
}
</style>
</head>
<body>
<form action="realitycheats.com" method="get">
<input type="checkbox" name="web" value="Web"> Web Tasarım<br>
<input type="checkbox" name="grafik" value="Grafik"> Grafik Animasyon <br>
<input type="radio" name="ders" value="Elektronik">Elektronik<br>
<input type="radio" name="ders" value="Veritabanı">Veritabanı<br>
</form>
</body>
</html>
CSS:
<!DOCTYPE html>
<html>
<head>
<style>
img[alt[alt~=özgür]pan>{
border: 3px solid red;
}
</style>
</head>
<body>
<img src="image.jpg" alt="özgür filistin">
<img src="Palestine.jpg" alt="filistin">
<img src="res.png" alt="özgür">
</body>
</html>
CSS:
<!DOCTYPE html>
<html>
<head>
<style>
p[class[class|=ust]>{
background-color: yellow;
}
</style>
</head>
<body>
<p class="ust-menu">Bu bir paragraftır</p>
<p class="ustmenu">Bu bir paragraftır</p>
<p class="sol-ust">Bu bir paragraftır</p>
<p class="sagust">Bu bir paragraftır</p>
</body>
</html>
CSS:
<!DOCTYPE html>
<html>
<head>
<style>
p[class$=me[class$=menu]an class="crayon-sy">{
background-color: yellow;
}
</style>
</head>
<body>
<p class="menualt">Bu bir paragraftır</p>
<p class="meslek">Bu bir paragraftır</p>
<p class="sol-menu">Bu bir paragraftır</p>
<p class="sagmenu">Bu bir paragraftır</p>
</body>
</html>
CSS:
!DOCTYPE html>
<html>
<head>
<style>
p[class*=menu[class*=menu] class="crayon-sy">{
background-color: yellow;
}
</style>
</head>
<body>
<p class="menu">Bu bir paragraftır</p>
<p class="meslek">Bu bir paragraftır</p>
<p class="sol-menu">Bu bir paragraftır</p>
<p class="sagmenu">Bu bir paragraftır</p>
</body>
</html>Alıntıdır
