亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

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中文網(wǎng)</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;
}


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*="zhuanqu"]{ color:blue; } </style> </head> <body> <ul> <li class="html-zhuanqu">html專區(qū)</li> <li class="div-zhuanqu">DIV+CSS專區(qū)</li> <li class="js-zhuanqu">Javascript專區(qū)</li> <li class="jq-zhuanqu">Jquery專區(qū)</li> </ul> </body> </html>