在CSS中,我們可以通過name和id對HTML元素進行選擇和設置樣式。下面我們將分別介紹這兩種選擇器。
name選擇器
<input type="text" name="username">
在上面的例子中,我們給一個文本框添加了一個name屬性,并將其命名為“username”。在CSS中,我們可以選擇此文本框,并設置樣式。
input[name="username"] { font-size: 16px; color: #333; }
上面的CSS代碼選擇了輸入框的name屬性為“username”的元素,并設置了字體大小和顏色。
id選擇器
<div id="container"> <p>Hello World!</p> </div>
在上面的例子中,我們給一個
元素添加了一個id屬性,并命名為“container”。與name選擇器不同,id選擇器是唯一的,即在整個HTML頁面中只能出現一次。在CSS中,我們可以使用此id選擇器選擇并設置此元素的樣式。
#container { width: 80%; margin: 0 auto; }
上面的CSS代碼選擇了id為“container”的元素,并設置了它的寬度和居中對齊。
總體來說,name選擇器適用于多個元素有相同特征的情況,而id選擇器適用于單個元素的樣式設置。