/* 选中所有的段落 */ p { color: red; } /* 选中某个类名为“example”的元素 */ .example { font-size: 20px; } /* 选中所有type为button的元素 */ input[type="button"] { background-color: blue; } /* 选中所有以“example”开头的ID */ [id^="example"] { border: 1px dotted black; } /* 选中所有以“example”结尾的ID */ [id$="example"] { border: 1px dashed black; } /* 选中所有包含“example”的ID */ [id*="example"] { border: 1px solid black; }
以上是一些常见的功能选择器,当然还有更多。使用这些选择器可以使样式表更加方便和简洁,减少了重复的代码。