E[attr*="v...LOGIN

E[attr*="value"] pemilih

Pemilih ini boleh memadankan elemen yang mempunyai atribut yang ditentukan dan nilai atribut mengandungi nilai yang ditentukan Contoh kod adalah seperti berikut:

<!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*="ne"]{
  color:red;
}
</style>
</head>
<body>
<div class="antzone">
  <ul>
    <li>1</li>
    <li>2</li>
    <li id="antzone" title="target">3</li>
    <li id="bntzone">4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
  </ul>
</div>
</body>
</html>

Kod di atas boleh memadankan elemen yang mempunyai id. atribut dan nilai atribut id mengandungi ne Warna fon dalam elemen li ditetapkan kepada merah.
Sudah tentu, berbilang pemilih juga boleh digunakan bersama Kodnya adalah seperti berikut:

li[id*="ne"][title*="ar"]{
  color:red;
}


bahagian seterusnya
<!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*="zhuanqu"]{ color:blue; } </style> </head> <body> <ul> <li class="html-zhuanqu">html专区</li> <li class="div-zhuanqu">DIV+CSS专区</li> <li class="js-zhuanqu">Javascript专区</li> <li class="jq-zhuanqu">Jquery专区</li> </ul> </body> </html>
babperisian kursus