简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

.E[attr~="value"] pemilih

Syarat padanan pemilih ini lebih bertolak ansur daripada keadaan padanan E[attr="nilai"]. kerana ia adalah Elemen ini boleh dipadankan jika terdapat nilai dalam senarai nilai atribut (senarai nilai atribut dipisahkan oleh ruang). 

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文网</title>
<style type="text/css">
li{
  list-style:none;
  float:left;
  height:20px;
  line-height:20px;
  width:20px;
  border:1px solid #333;
  border-radius:10px;
  border-radius:10px;
  border-radius:10px;
  text-align:center;
  color:green;
  margin-right:5px;
}
li[id~="five"]{
  color:red;
}
</style>
</head>
<body>
<div class="antzone">
  <ul>
    <li>1</li>
    <li>2</li>
    <li id="third">3</li>
    <li>4</li>
    <li id="five-good">5</li>
    <li id="five good">6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
  </ul>
</div>
</body>
</html>

Kod di atas boleh menetapkan warna fon elemen li keenam kepada merah Ia memerlukan perhatian khusus bahawa senarai atribut mesti dipisahkan dengan ruang.
Sudah tentu, berbilang pemilih juga boleh digunakan bersama Kodnya adalah seperti berikut: 

li[id~="five"][title~="girl"]{
  color:red;
}
Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://ask.php.cn/" /> <title>CSS教程</title> <style type="text/css"> li[class~="css"]{color:blue;} </style> </head> <body> <ul> <li class="html-zhuanqu">html专区</li> <li class="div css">DIV+CSS专区</li> <li class="js zhuanqu css">Javascript专区</li> <li class="css-zhuanqu">Jquery专区</li> </ul> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492154 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！