css裡面包含選擇符與子對像選擇符 的區別

2022-02-13 17:39:49 字數 478 閱讀 3829

舉個例子:

要定義li的樣式,用包含選擇符,你寫成:

div   li

沒有問題

若用子選擇符,你只能寫成:

ul> li

不能寫成

div> li

因為div和li非「父子關係」,而是「祖孫關係」

子物件提供了更精細的控制

由此可以見包含選擇符的深度和廣度超過子物件選擇符;而子物件選擇符的針對性和唯一性比包含選擇符強。

div包含關係不限制包含的層數,例如上面的兩個示例只要code被div包含,code內的文字顏色為綠色。

然而css子物件選擇符,匹配文件中符合選擇符規定的直接包含關係的元素

匹配文件中符合選擇符規定的直接包含關係的元素,例如e > f選擇符,匹配當f元素是e元素的子元素的e元素子物件選擇符的英文名稱為"child selectors",child,中文"孩子、兒女"的意思

CSS子選擇符

css子選擇符也可以稱為子物件選擇符 子選擇器等,主要用於定義某個元素中子元素物件的樣式,無法定義子元素以外的物件。子選擇器可以讓我們指定要的是哪個父標籤的哪個子標籤。也就是說,子選擇器只對元素的子元素生效,而不會影響到其它元素的後代元素。所謂子元素,類似於下面的格式 子元素的格式 strong元素...

包含選擇與子物件選擇符的區別

相信會進來看這篇文章的人,都對css選擇符這個名詞不陌生了。css為我們提供了很多選擇符,這使得我們可以根據自己的需要選擇適合的選擇符來進行樣式的構造。在眾多的選擇符裡,相信大家用的最多,最熟悉的就是id選擇符,類選擇符及包含選擇符等常用的選擇符。然後對於一些如屬性選擇符,相鄰選擇符,子物件選擇符可...

包含選擇與子物件選擇符的區別

包含選擇符的寫法 body p 意思是body下所有的p元素的字都顯示紅色 子物件選擇符的寫法 body p 意思是body下的子元素的字都顯示紅色 如果還是是理解的話,那就來看個例子最實際了。傳說中的測試 傳說中的測試 傳說中的測試 傳說中的測試 對於上面這段 使用包含選擇符時的結果是 使用子物件...