/* 仅对id为box的元素进行样式修改 */
#box {
color: red;
}
/* 仅对类名为text的元素进行样式修改 */
.text {
font-size: 16px;
}
/* 仅对元素类型为div的元素进行样式修改 */
div {
background-color: blue;
}
/* 仅对有href属性的a标签进行样式修改 */
a[href*="google"] {
text-decoration: none;
}以上是常见的基本选择器，分别对应id选择器、类选择器、元素选择器和属性选择器。
其中id选择器只能用于一个元素，因为id在页面中必须是唯一的。类选择器可以作用于多个元素，但需要在HTML中添加相同的class属性。元素选择器可以作用于某种类型的元素，如div、p、a等。属性选择器可以根据元素的属性进行选择，如上例中根据href属性选择带有Google链接的a标签。
选择器可以通过组合使用实现更精确的样式修改，例如：
/* 仅对id为box的元素下的p标签进行样式修改 */
#box p {
font-weight: bold;
}
/* 同时满足类名为text且父元素为div的元素进行样式修改 */
div .text {
color: green;
}
/* 仅对类名为text的p标签进行样式修改 */
p.text {
font-style: italic;
}以上示例分别使用了后代选择器、后代选择器和类选择器的组合、元素选择器和类选择器的组合等方式实现样式修改。
在实际应用中，基本选择器是最常用的选择器，熟练掌握基本选择器可以大大提高开发效率。