選擇器集體聲明與嵌套
1、選擇器集體聲明
h1,h2,h3{color:#900 }
無論什么樣的選擇器,只有有公共的CSS 代碼,都可以用這種集體聲明來精簡代碼。如下代碼進行精簡:
#header {font-size: 12px;background: 0230} div {font-size: 12px; width: 500px} .blue{font-size: 12px;color: #0900} .h1{font-size: 12px;font-weight: normal}
精簡后
#header,div,.blue,.h1{font-size: 12px} #header {background: 0230} div {width: 500px} .blue{color: #0900} .h1{font-weight: normal}
2、選擇器嵌套.如某id 為div內P標簽中a 字體顯示為紅色,如下表示:
<style> #div p a{color:red} </style> <body> <div id="div"> <p><a>鏈接</a></p> </div>
這樣做就可以不必單獨為a設置選擇器
節選自:KwooJan的《2天駕馭DIV+CSS》
浙公網安備 33010602011771號