1 基本的選擇符包括通用選擇符、類選擇符、屬性選擇符、ID選擇符、偽類選擇符等。 2 3 4 1簡單選擇符(類型選擇符和通用選擇符被統稱為簡單選擇符) 5 1.1類型選擇符 6 類型就是指HTML語言定義的各個元素，每一中元素名就是一個類型選擇符名。如:p{color:red;} 7 1.2通用選擇符 8 通用選擇符使用(*)來表示，它對HTML文檔中的每一個元素都會起作用，實際上就是定義了一個全局樣式。 9 10 2派生選擇符 11 派生選擇符由兩個或多個類型選擇符組成，并以空白相分割。如:h1 em{color:red;}通過改h1元素中em元素來對文本顏色進行強調。 12 13 3子選擇符 14 子選擇符由兩個或多個選擇符構成，并以大括號分割，大括號兩端空白可以被省掉。如body>em{} 15 16 4相鄰同級選擇符 17 相鄰同級選擇符的語法如下:E1+E1 如：h1+p{}表示當一個p元素緊跟在一個h1元素之后時，該規則應用于p元素。 18 19 5相鄰同級連續選擇符 20 語法格式如下:E~F 表示匹配E元素之后的F元素，直到出現另外一個E元素。 21 如:div~p{background-color:green;} 表示匹配div元素之后的一個或多個p元素，將p元素的背景設置為綠色。 22 23 6屬性選擇符和類選擇符 24 6.1屬性選擇符 25 屬性選擇符用于為那些有特定屬性的元素定義樣式。 26 (1)E[att]：匹配任何的元素E，該元素必須有一個名為att的屬性，而不論屬性值是什么 27 (2)E[att="val"]匹配任何的元素E，該元素必須有一個名為att的屬性，屬性值等于val 28 (3)E[att~="val"]匹配任何的元素E，該元素必須有一個名為att的屬性，該值可以包含空白字符，但字符竄兩個空白之間必 29 須有一個是val 30 (4)E[att|="val"]、E[att^="val"]、E[att$="val"]、E[att*="val"] 31 32 6.2類選擇符 33 語法如下:.元素class屬性的名稱{} 如:有一個html代碼<div class="m">我學習css3</div> 對應的類選擇符為 .m{} 34 35 7ID選擇符 36 ID選擇符包含一個"#",緊跟在后的事ID的值。如<div id="s">每天看美女</div> 對于的ID選擇符為 #s{} 37 38 8群選擇符 39 有時幾個選擇符的樣式聲明完全是相同的，這時候可以使用群選擇符。 40 如 h1{color:red} h2{color:red} h3{color:red}此時可以簡化成:h1,h2,h3{color:red} 41 42 43 9選擇符的大小寫規定 44 選擇符是否區分大小寫取決于所應用的語言，如在html中，元素名是不區分大小寫的，所以當將元素名用作選擇符時不區分大小寫。 45 46 10css命名空間 47 10.1@namespace規則 48 @namespace規則聲明一個xml命名空間，并將該命名空間與表示命名空間名稱的字符串相關聯。 49 如:@namespace book "http://book.ming.com" 表示為命名空間book提供命名空間的聲明 50 10.2使用命名空間限定選擇符 51 語法格式:（1）ns|E 表示匹配位于命名空間ns中的E元素 52 （2）|E 表示匹配沒有在任何命名空間的E元素 53 （3）*|E 表示匹配位于任何命名空間中的E元素 54 （4）E 如果沒有默認命名空間聲明，那么就等同于*|E，否則等同于ns|E,ns就是默認的命名空間 55 如:@namespace book "http://book.ming.com" 56 @namespace note "http://note.ming.com" 57 p{color:red;} book|p{color:blue;} note|p{color:green;} 58 以上代碼表示：首先，將任何命名空間的p元素著色為紅色。然后，將book命名空間中的所有p元素重新著色為藍色，將note 59 命名空間的p元素重新著色為綠色。

?

總結

以上是生活随笔為你收集整理的css语言基础--css的选择符语法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。