标识符可以是元素选择器, 类选择器, ID选择器, 属性选择器, 伪类和伪元素。
/* 元素选择器 */ p { color: red; } /* 类选择器 */ .className { color: blue; } /* ID选择器 */ #container { background-color: grey; } /* 属性选择器 */ input[type="text"] { border: 1px solid black; } /* 伪类 */ a:hover { color: green; } /* 伪元素 */ p::first-letter { font-size: 2em; }
在以上代码中,大家可以看到不同类型的标识符。元素选择器是最常用的,它引用指定类型的HTML元素(如p标签)。类选择器以一个点(.)开头,后跟一个类名用于引用指定类的HTML元素。ID选择器以一个井号(#)开头,并且引用指定ID的唯一HTML元素。属性选择器通过HTML元素的属性值来引用元素。伪类和伪元素是用于为HTML元素应用特殊样式的方法。
要记住的一件重要事情是,标识符的名称最好能够定义其描述的元素或属性。标识符应该是有意义的,并且不应该在其他元素或上下文中引起混淆。