CSS樣式中」 大於號」

2022-02-24 20:18:27 字數 1915 閱讀 9789

css

樣式中」 

大於號」

在一段css

**中見到乙個大於號

(>)

,**如下:

body#css-zen-garden > div#extradiv2

css中的大於號表示什麼意思呢?

舉例說明:有乙個

div層包含多個

span

標籤,**如下:

親人獨家記憶

離不開你

此時用css

定義其樣式應該這樣:

div span

但是此時,需要將第乙個

span

標籤顯示不同的樣式,後兩個

標籤樣式不變,怎麼辦呢?將第乙個

span

放到乙個

p標籤中,這樣可以嗎?**如下:

親人獨家記憶

離不開你

遺憾的是這樣不可以,因為

div span

樣式對div

層之下的所有

span

標籤都起作用

,不管是子標籤,還是孫子輩的標籤,所以該樣式依然起作用。此時就用到了

css中的

」大於號」。

現在我們把這個樣式改變一下,**如下:

div > span

這樣就可以實現第乙個

span

標籤與其它兩個顯示不同的樣式。所以我們可以知道

css中的

」大於號

」的作用是:在巢狀標籤中,將樣式只作用於兒子輩的標籤,而不作用於孫子輩的標籤。

但是還存在這樣一種情況,如下**:

親人丁噹

獨家記憶

離不開你

此時,這個

」大於號

」還會起作用嗎?答案是:不會。因為這個孫子輩的

span

標籤繼承兒子輩的

span

標籤樣式。

原文:css樣式中

」 大於號

」在一段

css**中見到乙個大於號

(>)

,**如下:

body#css-zen-garden > div#extradiv2

css中的大於號表示什麼意思呢?

舉例說明:有乙個

div層包含多個

span

標籤,**如下:

親人獨家記憶

離不開你

此時用css

定義其樣式應該這樣:

div span

但是此時,需要將第乙個

span

標籤顯示不同的樣式,後兩個

標籤樣式不變,怎麼辦呢?將第乙個

span

放到乙個

p標籤中,這樣可以嗎?**如下:

親人獨家記憶

離不開你

遺憾的是這樣不可以,因為

div span

樣式對div

層之下的所有

span

標籤都起作用

,不管是子標籤,還是孫子輩的標籤,所以該樣式依然起作用。此時就用到了

css中的

」大於號」。

現在我們把這個樣式改變一下,**如下:

div > span

這樣就可以實現第乙個

span

標籤與其它兩個顯示不同的樣式。所以我們可以知道

css中的

」大於號

」的作用是:在巢狀標籤中,將樣式只作用於兒子輩的標籤,而不作用於孫子輩的標籤。

但是還存在這樣一種情況,如下**:

親人丁噹

獨家記憶

離不開你

此時,這個

」大於號

」還會起作用嗎?答案是:不會。因為這個孫子輩的

span

標籤繼承兒子輩的

span

標籤樣式。

原文:

CSS中大於號 的含義

css中 是在子元素選擇器 現的 是css3特有的選擇器,表明class樣式只作用於子級元素,對於子級再往下的元素則忽略不計,比如孫級的元素就會被忽略。只能選擇作為某元素的最近一級子元素,簡單理解就是選親兒子元素。a b表示選擇a元素的所有子b元素。與a b的區別在於,a b選擇所有後代元素,而a ...

Freemarker中大於號》的使用

在freemarker中,比較資料的大小時候,要注意大於號 的使用。如果不注意,程式就會發生異常資訊,如下面的例子 12 34 assign x 4 if x 5 x 5 以上的方式進行比較,就會發生異常,原因是freemarker內部的解析處理原因,x 5中的大於號將會跟 if中的小於號進行配對,...

css 大於號 標籤 css裡大於號表示什麼

css裡大於號表示css3特有的子元素選擇器 子元素選擇器只能選擇作為某元素子元素的元素 如果你不希望選擇任意的後代元素,而是希望縮小範圍,只選擇某個元素的子元素,就可以使用子元素選擇器。本教程操作環境 windows7系統 css3版本 dell g3電腦。css指的是層疊樣式表 cascadin...