CSS是一種用于樣式化網(wǎng)頁(yè)的語(yǔ)言，而規(guī)則和選擇器則是CSS中最基礎(chǔ)的概念。規(guī)則指的是一個(gè)CSS樣式聲明，而選擇器是指選擇要應(yīng)用這個(gè)樣式的HTML元素。下面我們來(lái)看看CSS規(guī)則和選擇器的一些例子。

/* 一個(gè)簡(jiǎn)單的CSS規(guī)則 */
h1 {
font-size: 24px;
color: #333;
}
/* 針對(duì)多個(gè)元素的規(guī)則 */
h1, h2, h3 {
font-weight: bold;
}
/* 子元素選擇器 */
ul > li {
margin: 10px 0;
}
/* 偽類選擇器 */
a:hover {
color: blue;
}
/* 類選擇器 */
.highlight {
background-color: yellow;
}
/* ID選擇器 */
#header {
background-color: #ccc;
}

在以上例子中，我們可以看到規(guī)則和選擇器的用法。規(guī)則中包含了需要應(yīng)用到HTML元素上的樣式聲明；而選擇器則是基于HTML元素的不同屬性來(lái)選擇元素，從而應(yīng)用相應(yīng)的樣式規(guī)則。

選擇器的種類很多，這里只列舉了一些常見(jiàn)的。子元素選擇器（>）用于選擇元素的直接子元素；偽類選擇器（:hover）用于選擇元素的不同狀態(tài)（比如鼠標(biāo)懸停），從而應(yīng)用不同的樣式；類選擇器（.highlight）和ID選擇器（#header）用于選擇HTML元素的類和ID屬性，以便應(yīng)用相應(yīng)的樣式規(guī)則。

總之，了解CSS規(guī)則和選擇器的基本概念是非常重要的。這些基礎(chǔ)知識(shí)可以幫助你更好地掌握CSS，從而創(chuàng)建出漂亮的網(wǎng)頁(yè)。