CSS選擇器是CSS中非常重要的一部分,它可以幫助我們選擇出我們想要改變樣式的HTML元素,其中,類選擇器是一種常見的選擇器。
類選擇器是以“.”開頭的選擇器,使用類選擇器,我們可以選擇擁有特定類名的HTML元素,例如以下代碼:
<div class="container"> <p class="title">這是標題</p> <p class="content">這是內容</p> <p class="content">這也是內容</p> </div>
在上面的代碼中,<p>元素擁有不同的類名,使用類選擇器,我們可以選擇其中的內容。
.title { font-size: 20px; font-weight: bold; } .content { font-size: 14px; }
在上面的CSS代碼中,我們使用類選擇器來選擇標題和內容,并設置它們的樣式。其中,.title選擇器選擇了擁有"titile"類名的元素,而.content選擇器則選擇了擁有"content"類名的元素。
使用類選擇器還可以為HTML元素添加多個類名,只需要使用空格分隔即可。例如:
<p class="content left">這也是內容</p>
在上述代碼中,<p>元素擁有兩個類名"content"和"left",可以使用以下CSS代碼來選擇它:
.content.left { text-align: left; }
總之,類選擇器是CSS中非常實用的一種選擇器,可以幫助我們選擇擁有特定類名的HTML元素,并為它們設置樣式。