CSS3中的關系選擇器主要包括子代選擇器和兄弟選擇器,其中子代選擇器由符號連接,兄弟選擇器由符號“+”和“~”連接,具體如下所示。
(1)關系選擇器
例如: h1>strong
說明:表示選擇嵌套在h1標記的子標記strong。
(2)臨近兄弟選擇器
例如: h2+p
說明:表示選擇h2標記后緊鄰的第一個兄弟標記p。
(3)普通兄弟選擇器
例如:p~h2
說明:表示選擇p標記所有的h2兄弟標記
BCDB 比如class類型 class = "nav"的話 那么CSS對應 .nav{}C 比如 body input 就是直接對應 body{} input{}D ID選擇器 id="name" 那么css對應 #name{}
css 最常用的選擇符是類,即class,還有就是id 和元素,其次有通配符*還有一些偽類和偽元素。
子元素可以繼承父元素的屬性值。
優先級的話,id > class >元素>偽類和偽元素。! important 優先級最高,但不常用。還有一種是.id > .class 要大于. class, 既優先權可以累加
h3是標簽選擇器。
標簽選擇器是指用HTML標簽名稱作為選擇器,按標簽名稱分類,為頁面中某一類標簽指定統一的CSS樣式。其基本語法格式如下:
標簽名 {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; ......}
標簽選擇器最大的優點是能快速為頁面中同類型的標簽統一樣式,同時這也是他的缺點,不能設計差異化樣式。