CSS 選擇器是 CSS 樣式表的一種語法，用于指定元素的樣式屬性。選擇器可以根據不同的條件選擇不同的元素，從而實現不同的樣式效果。以下是一些常見的 CSS 選擇器用法：

1. 屬性選擇器

屬性選擇器是最基本的 CSS 選擇器之一，用于選擇具有指定屬性的 HTML 元素。例如，選擇文本元素時，可以使用 "text-align" 屬性選擇器，如下所示：

text-align: left;

2. 偽類選擇器

偽類選擇器是一種選擇器，可以根據元素的類型或狀態來選擇不同的元素。例如，使用 "!important" 聲明一個偽類選擇器時，它通常會被認為是強制使用的，因此可能會影響應用程序的性能。以下是一個簡單的偽類選擇器示例：

background-color: #f00;

!importantimportant {

color: #fff;

3. 條件選擇器

條件選擇器是一種選擇器，可以根據多個條件選擇不同的元素。例如，使用 "if" 語句來選擇具有特定狀態的元素，如下所示：

if (age > 20) {

color: blue;

} else {

color: green;

4. 層疊選擇器

層疊選擇器是一種選擇器，可以選擇多個不同的元素。例如，使用 "ul" 和 "li" 元素的組合來創建一個列表，如下所示：

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

5. 動畫選擇器

動畫選擇器是一種選擇器，可以選擇具有指定屬性的 HTML 元素，并添加動畫效果。例如，使用 "animation" 屬性來創建一個過渡動畫，如下所示：

@keyframeskeyframes_name {

from {

animation-duration: 1s;

animation-iteration-count: infinite;

animation-name: your_animation_name;

to {

animation-duration: 2s;

animation-iteration-count: infinite;

animation-name: your_animation_name;

.your-element {

animation: your_animation_name 1s infinite;

以上是 CSS 選擇器的用法，掌握這些選擇器用法，可以讓 CSS 樣式更加靈活，并提高網頁的可讀性和用戶體驗。