在 CSS 中,可以通过对象选择器来直接选中页面上的 HTML 元素,其中包括标记、类、ID 等等。在编写 CSS 样式表时,对象选择器可以让我们更加精确地控制各个元素的样式。
/* 选择标记元素 */ p { color: red; } /* 选择类 */ .text { font-size: 20px; } /* 选择 ID */ #title { text-align: center; } /* 组合选择器 */ p.text { line-height: 1.5; } /* 属性选择器 */ a[href="https://www.example.com"] { color: blue; } /* 伪类选择器 */ a:hover { text-decoration: underline; } /* 通配符选择器 */ * { margin: 0; padding: 0; }
以上是常见的一些对象选择器,它们可以通过 CSS 样式表选中对应的 HTML 元素,并对其进行样式上的控制。在实际应用中,我们可以根据需求来灵活运用这些对象选择器,达到视觉设计上的美观和用户体验上的良好。