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...