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

2022-03-03 00:58:54 字數 333 閱讀 5468

包含選擇符的寫法:body p   意思是body下所有的p元素的字都顯示紅色

子物件選擇符的寫法: body>p 意思是body下的子元素的字都顯示紅色

如果還是是理解的話,那就來看個例子最實際了。

傳說中的測試

傳說中的測試

傳說中的測試

傳說中的測試

對於上面這段**,使用包含選擇符時的結果是:

使用子物件選擇符時的結果是:

明白了吧,使用包含選擇符,可以使用body下所有的p元素都顯示紅色。而使用子物件選擇符,對於div下的p不顯示紅色,因為div下的p不是body的兒子,而是body的孫子了,所以不會起作用。

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

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

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

舉個例子 要定義li的樣式,用包含選擇符,你寫成 div li 沒有問題 若用子選擇符,你只能寫成 ul li 不能寫成 div li 因為div和li非 父子關係 而是 祖孫關係 子物件提供了更精細的控制 由此可以見包含選擇符的深度和廣度超過子物件選擇符 而子物件選擇符的針對性和唯一性比包含選擇符...

CSS子選擇符

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