.parent-element {
background-color: blue;
.child-element {
color: white;
另一個例子是:
.parent-element {
background-color: #f00;
.child-element {
color: #fff;
.parent-element {
background-color: blue;
.child-element {
color: white;
.parent-element:before {
content: "\25b2"; /* 輸出 "f00" */
總之,在 CSS 中引用方式是非常重要的,它決定了樣式表的可見性和可訪問性。通過使用正確的引用方式,我們可以輕松地實現(xiàn)復雜的樣式設(shè)計,并且可以在不同的項目中使用不同的樣式。