CSS中選擇器是用來匹配HTML元素的一種手段，我們可以根據元素的名稱、類名、ID等屬性來選擇它們。本文將介紹一種特殊的選擇器——通過name屬性進行匹配。

示例代碼：
<input type="text" name="username">
<input type="password" name="password">
CSS代碼：
input[name="username"] {
/*...*/
}
input[name="password"] {
/*...*/
}

在上面的示例中，我們在HTML代碼中定義了兩個輸入框，并分別給它們添加了name屬性，這個屬性值可以自定義。接下來，我們使用CSS中的屬性選擇器語法，即在元素名后面加上方括號，再在方括號中填寫屬性名和屬性值，來選擇這兩個元素。

比如上面的代碼中，我們要選擇name屬性值為"username"的輸入框，可以編寫以下的CSS代碼：

input[name="username"] {
/*...*/
}

同理，我們也可以選擇name屬性值為"password"的輸入框。

需要注意的是，由于name屬性可以重復定義，所以它并不能像ID選擇器那樣唯一地選中一個元素，而是會選中擁有相同name屬性值的所有元素。

除了input標簽外，也可以在其他的HTML元素中使用name屬性，并在CSS中進行匹配。例如：

<div name="description">這是我的描述</div>
CSS代碼：
div[name="description"] {
/*...*/
}

這將匹配所有name屬性值為"description"的div元素。