/* 元素选择器 */ p { font-size: 16px; color: #333; } /* 类选择器 */ .red { color: red; } /* ID选择器 */ #content { width: 960px; } /* 属性选择器 */ a[target="_blank"] { color: #3498db; } /* 伪类选择器 */ a:hover { text-decoration: underline; }
元素选择器是最基本的选择器,将样式应用于某个HTML元素。类选择器可以为多个元素同时指定相同的样式,一个元素可以被多个类选择器选择。ID选择器用于对唯一的元素进行样式定义,一个元素只能有一个ID。属性选择器可根据元素的属性值进行选择,并进行样式定义。伪类选择器用于指定元素的特定状态,如:hover表示元素在鼠标悬停的状态下。