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

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

通過復合內容，我們可以很方便地將多個CSS規則組合在一起，并同時應用于多個元素，從而簡化代碼、提高可維護性。