CSS是一種用于網(wǎng)頁設(shè)計(jì)的樣式表語言，為網(wǎng)頁添加視覺效果，使其更加美觀和易于閱讀、導(dǎo)航。在每一次新的CSS版本發(fā)布后，都會(huì)有一些新的特性被加入，這些特性包括更好的布局控制、選擇器和動(dòng)畫效果。

/* 選擇器組合 */
a:not(:first-child) {  
color: red;  
}
/* 變量 */
:root {  
--main-color: #000;  
}  
body {  
background-color: var(--main-color);  
}  
/* 視口單位 */
h1 {  
font-size: calc(1.5rem + 2vw);  
}
/* 彈性盒布局 */
.container {  
display: flex;  
justify-content: center;  
align-items: center;  
}  
/* 網(wǎng)格布局 */
.container {  
display: grid;  
grid-template-columns: 50% 50%;  
grid-gap: 1rem;  
}

CSS3引入了選擇器組合，使得開發(fā)者能夠更加精確地選擇需要添加樣式的元素。使用:not偽類選擇器，我們可以選擇除第一個(gè)元素之外的所有相應(yīng)元素。變量是CSS3新特性之一，有助于簡化樣式表的開發(fā)。使用CSS3視口單位，我們可以根據(jù)屏幕寬度自適應(yīng)地調(diào)整字體大小。彈性盒布局和網(wǎng)格布局是CSS3中最受歡迎的新特性之一。它們讓我們能夠更加輕松地控制網(wǎng)頁的布局，并能夠更好地支持響應(yīng)式設(shè)計(jì)。