- 精通HTML5+CSS3+JavaScript網頁設計(視頻教學版)(第2版)
- 王英英
- 464字
- 2019-12-09 14:24:01
6.5 選擇器聲明
使用CSS選擇器可用控制HTML標記樣式,其中每個選擇器屬性可以一次聲明多個,即創建多個CSS屬性修飾HTML標記。實際上也可以將選擇器聲明多個,并且任何形式的選擇器(如標記選擇器、class類別選擇器、ID選擇器等)都是合法的。
6.5.1 集體聲明
在一個頁面中,有時需要不同種類標記樣式保持一致,例如需要<p>標記和<h1>標記的字體保持一致,此時可以將<p>標記和<h1>標記共同使用類選擇器。除此之外,還可以使用集體聲明方法。集體聲明就是在聲明各種CSS選擇器時,如果某些選擇器的風格是完全相同的或者部分相同,可以將風格相同的CSS選擇器同時聲明。
【例6.20】(實例文件:ch06\6.20.html)

在IE 11.0中的瀏覽效果如圖6-26所示。其中,網頁上標題1、標題2和段落都以紅色字體加粗顯示,并且大小為20px。

圖6-26 集體聲明顯示
6.5.2 多重嵌套聲明
在CSS控制HTML標記樣式時,還可以使用層層遞進的方式(嵌套方式)對指定位置的HTML標記進行修飾。例如,當<p>與</p>之間包含<a></a>標記時,就可以使用這種方式對HMTL標記進行修飾。
【例6.21】(實例文件:ch06\6.21.html)

在IE 11.0中的瀏覽效果如圖6-27所示。其中,在段落中的超鏈接為紅色字體,大小為30px,其原因是使用了嵌套聲明。

圖6-27 多重嵌套聲明
推薦閱讀
- 版面設計與制作
- 網頁設計實用教程
- UI動效大爆炸:After Effects移動UI動效制作學習手冊
- 全能網頁設計師精煉手冊
- JSP動態網站開發案例指導
- Photoshop電商網頁廣告設計實戰從入門到精通
- 人人都玩開心網:Ext JS+Android+SSH整合開發Web與移動SNS
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網頁設計基礎培訓教程
- Web程序設計
- Sketch 移動UI與交互設計(視頻講解版)
- 中文版Dreamweaver CS6高手之道
- 眾妙之門:JavaScript與jQuery技術精粹
- Flash CS3網站建設實例詳解
- 眾妙之門:電子商務網站設計指南
- 動態網頁設計與開發:JavaScript + jQuery