css3-----複合選擇器
阿新 • • 發佈:2018-12-13
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>複合選擇器</title> <style type="text/css"> /*交集選擇器*/ li.odd{ background: red; } </style> </head> <body> <ul> <li>仙劍奇俠傳</li> <li class="odd">仙劍奇俠傳二</li> <li>仙劍奇俠傳三</li> <li class="odd">仙劍奇俠傳四</li> <li>仙劍奇俠傳五</li> </ul> <p class="odd">不新增俠劍奇俠傳</p> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>複合選擇器</title> <style type="text/css"> /*交集選擇器*/ li.odd{ background: red; } /*並集選擇器*/ li,.odd{ color: blue; } </style> </head> <body> <ul> <li>仙劍奇俠傳</li> <li class="odd">仙劍奇俠傳二</li> <li>仙劍奇俠傳三</li> <li class="odd">仙劍奇俠傳四</li> <li>仙劍奇俠傳五</li> </ul> <p class="odd">不新增俠劍奇俠傳</p> </body> </html>