API 类别 - 选择器学习笔记

什么是API选择器？

API选择器（也称为CSS选择器）是一种在HTML或XML文档中选择元素的语法，用于控制网页的外观和行为。

API选择器使用CSS规则来选择HTML或XML文档中的一个或多个元素，并为这些元素应用样式。API选择器基于不同的属性，如标签名称、类名、ID，以及其他属性（例如元素的“父级”元素）来选择元素。

API选择器实例

以下是一些常用的API选择器实例：

通过标签名称选择元素

选择所有<p>元素：

cssCopy Code
p {
  color: red;
}

通过类名选择元素

选择所有class属性为“example”的元素：

cssCopy Code
.example {
  background-color: yellow;
}

通过ID选择元素

选择具有id属性为“header”的元素：

cssCopy Code
#header {
  font-size: 24px;
}

通过属性选择元素

选择所有具有href属性的<a>元素：

cssCopy Code
a[href] {
  text-decoration: none;
}

选择所有子元素

选择<ul>元素内的所有<li>元素：

cssCopy Code
ul li {
  list-style: none;
}

选择相邻兄弟元素

选择与<h2>元素相邻的下一个<p>元素：

cssCopy Code
h2 + p {
  font-weight: bold;
}

选择后面的所有兄弟元素

选择一个<h2>元素之后的所有<p>元素：

cssCopy Code
h2 ~ p {
  margin-left: 20px;
}

总结

API选择器是Web开发中非常基础的一部分，可以用来控制HTML和XML元素的外观和行为。选择器基于不同的属性，包括标签名称、类名、ID等。本文提供了一些API选择器的实例，希望能帮助你更好地理解这个主题。