在 CSS 中,派生類是指通過選擇器中的關系符號從父元素繼承屬性的子元素。
例如,假設以下 HTML 代碼:
<div class="parent"> <p class="child">Some text</p> </div>
如果希望對于類名為 child 的段落應用樣式而不對其父元素應用樣式,則可以使用以下 CSS 代碼:
.parent .child { color: blue; }
在此示例中,“.parent”指代父元素,而“.child”指代被選擇為子元素的段落。選擇器中的空格表示派生關系,也稱為后代選擇器。
在 CSS 中,派生類有許多用途,例如:
- 在媒體查詢中,僅在特定屏幕尺寸下應用樣式。
- 僅在具有特定類名的表格行中應用樣式。
- 僅在導航欄中的鏈接上應用樣式。
總之,派生類是 CSS 中一種有用的選擇器類型,它允許對子元素應用樣式而不影響其父元素。
下一篇css中單行文本框