<html>???? <head>???? <title>第八章學(xué)習(xí)</title>???? <style type="text/css">???? .stress{color:red;}<!--類選擇器-->???? #setblue{color:blue;}<!--ID選擇器-->???? .food>li{border:1px solid red;}/*添加邊框樣式(粗細為1px,顏色為藍色的實線)*/ <!--為實現(xiàn)-->???? </style>???? </head>???? <body>???? <p>標簽選擇器就是HTML代碼中的標簽如html,body,h1,p,img;<span class="stress">類選擇器在CSS編碼中最常用,它以英文圓點開頭,其名稱可以任意取;</span><em id="setblue">ID選擇器類似于類選擇器,區(qū)別是須為標簽設(shè)置ID="id名稱"而不是類名稱。ID選擇符前面是#號而非英文圓點,且只能在文檔中使用一次;</em></p>???? <p>>表示子選擇器,用于選擇指定標簽元素的第一代子元素;包含選擇器即加入空格,用于選擇指定標簽下的后輩元素;通用選擇器功能最強大,使用*指定,作用是匹配HTML中所有標簽元素;</p>???? <h1>食物</h1> <!--子選擇器示例-->?????? <ul class="food">???????? <li>水果?????????? <ul>???????????? <li>香蕉</li>???????????? <li>蘋果</li>???????????? <li>蜜梨</li>?????????? </ul>???????? </li>???????? <li>蔬菜?????????? <ul>???????????? <li>白菜</li>???????????? <li>油菜</li>???????????? <li>花菜</li>?????????? </ul>???????? </li>?????? </ul><!--子選擇器示例-->???? </body></html>?
為什么ID選擇器和子選擇器都實現(xiàn)不了呢?是有優(yōu)先級還是什么?
藍色的夢艾清風(fēng)
2016-11-03 21:03:22