css層次選擇器有哪些？選擇器主體和gtdiv僅在主體下方的div上工作。Div1 div2只選擇Div1的同一級別，然后最近的div2div1~p選擇Div1下的所有p屬性選擇器[attr]{}。示

css層次選擇器有哪些？

選擇器主體和gtdiv僅在主體下方的div上工作。Div1 div2只選擇Div1的同一級別，然后最近的div2div1~p選擇Div1下的所有p屬性選擇器[attr]{}。示例：[class]{顏色：紅色}[類=“文本”]{顏色：紅色}[類|=“導(dǎo)航”]{顏色：紅色}選擇所有類屬性，屬性值是唯一以NAV-[class~=“NAV”]{顏色：紅色}選擇所有類屬性，以及包含單個完整NAV屬性值[Class1][class=“text”]{顏色：紅色}選擇具有Class1屬性、class屬性和文本唯一屬性值的元素

selector body> div只對body的下級div操作。Div1 div2只選擇相同級別的Div1，然后選擇最近的div2div1~p選擇Div1下的所有p屬性選擇器

你好，我是姚梅。我很高興為你回答。添加一個空格以指示子選擇器（父元素下的子元素）。反對的論點。不帶空格的{color:Red}<div class=“con”><div class=“A”>子選擇器</div></div>表示元素僅在包含兩個類（相同級別的元素，多個名稱）時才會生效。反對的論點。B{color:Ball}<div class=“con B”></div>一個類可以生效寫多個名稱（您只能調(diào)用其中一個來添加樣式）用空格分隔。主要功能是在名稱中寫入相同的樣式。避免代碼重復(fù)，類似于JavaScript中工廠模式的角色。比較專業(yè)的理科知識，歡迎關(guān)注我。如果你喜歡我的回答，也請給我表揚或轉(zhuǎn)發(fā)，你的鼓勵是支持我寫下來的動力，謝謝。