CSS类名选择器是通过对元素的类名进行选择来实现的。在CSS中，类名是一个包含三个字母的字符串，例如”button”、”input”、”output”等。这些类名描述了元素的类型和属性，例如”button”描述了一个按钮元素，而”input”描述了一个输入元素。
类名选择器的基本语法如下：
“`css
/* 选择按钮元素 */
button[type=”button”] {
/* 样式属性 */
上述代码中，”button[type=”button”]”是一个选择器表达式，它匹配具有类名”button”且类名后带有”[type=”button”]”的元素。通过使用这个选择器，您可以轻松地选择按钮元素，如下所示：
“`html
<button type=”button”>点击偶</button>
在这个例子中，”button”是类名，”type=”button”是类名后带有”[type=”button”]”的子属性，表示这个元素是一个按钮元素。
例如，以下代码将选择具有类名”input”且类名后带有”type=””input””的元素：
“`css
input[type=”input”] {
/* 样式属性 */
这个选择器将选择具有类名”input”且类名后带有”type=””input””的元素，例如输入元素。
类名选择器是一种非常有用的CSS选择器，可以帮助您轻松地选择具有特定类名的元素。通过了解元素的类名，您可以轻松地使用选择器表达式来指定元素的样式。