在 CSS 中访问

CSS（层叠样式表）是一种用于在网页上样式化页面元素的语言。在 CSS 中，我们可以使用选择器来定位并访问 HTML 页面中的元素。以下是一些在 CSS 中访问元素的常用方法：

基本选择器

基本选择器有以下几种：

元素选择器

元素选择器用于选择 HTML 文档中所有符合该元素名称的 HTML 元素。示例代码如下：

p {
  /* 这里的样式将应用于页面上的所有 <p> 元素 */
  font-size: 16px;
}

类选择器

类选择器用于选择所有带有指定 class 属性的元素。示例代码如下：

.error {
  /* 这里的样式将应用于所有带有 "error" class 的元素 */
  color: red;
}

ID选择器

ID 选择器用于选择拥有指定 id 属性值的唯一HTML元素。示例代码如下：

#main {
  /* 这里的样式将应用于页面上唯一ID为 "main" 的元素 */
  width: 80%;
}

层级选择器

层级选择器允许你选择标签内的元素，也就是选择元素的子项。示例代码如下：

ul li {
  /* 这里的样式将应用于 <ul> 元素下的所有 <li> 元素 */
  list-style: none;
}

伪类选择器

伪类选择器用于选择特殊的状态或位置的元素，比如 :hover、:focused、:active 等。示例如下：

a:hover {
  /* 这里的样式将应用于鼠标悬停在链接上时的元素 */
  text-decoration: underline;
}

伪元素选择器

伪元素选择器用于对 HTML 元素中特定的部分应用样式。一些最常见的伪元素包括 ::before 和 ::after。示例如下：

p::before {
  /* 这里的样式将应用于匹配 <p> 元素前面的内容 */
  content: "★";
}

以上是在 CSS 中访问元素的一些常用方法，这些方法可以帮助你精确地选择所需的元素，并对它们应用样式。