在CSS中，我們可以通過復(fù)合內(nèi)容將多個CSS規(guī)則組合在一起，從而同時應(yīng)用于同一元素。這可以大大簡化CSS文件，增加代碼的可維護(hù)性。以下是如何新建CSS規(guī)則復(fù)合內(nèi)容的步驟：

/* 定義一個CSS規(guī)則 */
header {
background-color: #333;
color: #fff;
padding: 20px;
}
/* 定義另一個CSS規(guī)則 */
nav {
background-color: #666;
color: #fff;
padding: 10px;
}
/* 使用復(fù)合內(nèi)容，將以上兩個規(guī)則組合在一起 */
header, nav {
position: relative;
z-index: 1;
}
/* 可以看到，以上復(fù)合內(nèi)容的結(jié)果是將position和z-index屬性同時應(yīng)用于header和nav元素 */
/* 如果想要同時應(yīng)用更多的CSS規(guī)則，只需在復(fù)合內(nèi)容中增加更多選擇器即可 */
header, nav, h1, p, ul {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}

通過復(fù)合內(nèi)容，我們可以很方便地將多個CSS規(guī)則組合在一起，并同時應(yīng)用于多個元素，從而簡化代碼、提高可維護(hù)性。