/* 选择器样式 */ p { color: blue; font-size: 16px; } /* ID选择器样式 */ #header { background-color: gray; } /* 类选择器样式 */ .box { border: 1px solid black; padding: 10px; } /* 标签选择器样式 */ h1 { font-weight: bold; } /* 其他选择器样式 */ a:hover { color: red; }
以上样式中,选择器样式是在选择器前面加上对应的样式代码,就可以对选择器对应的标签生效。ID选择器样式可以通过指定ID来选择对应的HTML元素,类选择器样式则通过指定类名来选择HTML元素。标签选择器样式直接作用于指定HTML标签,其他选择器可以通过指定伪类等方式来实现更精细的样式效果。