關於分組選擇符

2021-07-16 01:42:08 字數 813 閱讀 9757

作用:為html中多個標籤元素設定同乙個樣式

語法:h1,span

相當於下面兩行**

h1span

使用css對html頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到css選擇器。html頁面中的元素就是通過css選擇器進行控制的。

每一條css樣式定義由兩部分組成,形式如下: [code] 選擇器 [/code] 在{}之前的部分就是「選擇器」。 「選擇器」指明了{}中的「樣式」的作用物件,也就是「樣式」作用於網頁中的哪些元素

上述**執行的效果:第一段文字和第二段中的「網頁」字型顏色將會變成紅色。

注:1.「.frist」對應的是class=「first」,「#second」對應的是id=「second」;

2.為什麼first前面要加英文圓點,而h1不用?答:因為first是選擇器定義問題,即選擇器起名;

3.至於first和second後面與span之間是乙個空格,這就是後代選擇器的內容了;

4.如果是這樣寫:h1,span

.first>span,#second span

顯示的性格效果為標題「css選擇器」和第二段中的「網頁」字型顏色變為藍色,而第一段中中的內容字型顏色變為紅色。原因:標籤選擇器的權重要比後代

選擇器的權重值大,而第一段中中的內容字型顏色之所以變為紅色而不是藍色,是因為就近原則。

5.如果要想讓第二段整體顏色變為紅色,而「網頁」顏色為綠色:

h1,span

.first>span

#second

#second span

分組選擇符

當你想為html中多個標籤元素設定同乙個樣式時,可以使用分組選擇符 如下 為右側 編輯器中的h1 span標籤同時設定字型顏色為紅色 h1,span它相當於下面兩行 h1 span 示例 doctype html 分組選擇符 title style type text css h1,span fir...

分組選擇符

當你想為html中多個標籤元素設定同乙個樣式時,可以使用分組選擇符 如下 為右側 編輯器中的h1 span標籤同時設定字型顏色為紅色 h1,span它相當於下面兩行 h1 span 示例 doctype html 分組選擇符 title style type text css h1,span fir...

jQuery選擇符 XPath選擇符

說明 jquery支援一組基本的xpath選擇符 可以和css選擇符一起使用 jquery無論對什麼文件都可以使用xpath和 css選擇符。1.屬性選擇符 2 特點 允許以類似正規表示式的語法來標識字串的開始 和結尾 也可以使用 表示字串的任意位置。1 a href mailto 表示取得以mai...