在CSS中,元素選擇器是最基本的一種選擇器。它基于HTML元素標簽來選擇元素的樣式。
下面是一些常見的元素選擇器:
p { font-size: 16px; } h1 { color: red; } a { text-decoration: none; }
我們可以使用元素選擇器來為特定的HTML元素添加樣式。例如,上述代碼中的
元素樣式設置為16像素的字體大小。
此外,我們也可以使用元素選擇器為圖片添加樣式。以下是一個例子:
img { border: 2px solid black; padding: 10px; }
上述代碼將為所有的元素添加一個2像素的黑色邊框和10像素的填充。
我們也可以使用帶有屬性選擇器的元素選擇器來選擇特定的元素。例如,下面的代碼將為class屬性被設置為"avatar"的元素添加樣式:
img[class="avatar"] { border-radius: 50%; width: 150px; height: 150px; }
上述代碼將選擇所有的class屬性為"avatar"的元素,并為它們添加一個50%的圓角半徑、150像素的寬度和高度。
總之,元素選擇器是CSS中最基本、最簡單的選擇器之一。使用它,我們可以輕松地為HTML元素和圖片添加樣式。