如何只为 1 个元素添加 css

Question

例如我想要这个：

<link rel="stylesheet" href="stylus.css">

仅适用于此代码：

<a href="yeet">Buy!</a>

Answer 1

内嵌 css.

<a href="yeet" style="css here">Buy!</a>

Answer 2

您可以只在 CSS 中添加一个 class，然后将其应用于您的对象：

.my-stylus-class {
  color: blue;
}

<a class="my-stylus-class" href="yeet">Buy!</a>

我想补充一点，class 或 ID 不是必需的，您当然也可以只在 CSS 中定义元素本身，例如，这也是可能的：

a {
  color: blue;
}

<a href="yeet">Buy!</a>

Answer 3

您不能告诉浏览器只对特定元素使用特定样式表（文件）。

您必须为元素指定一个特定的 ID，或 class，并在您的 css 中使用它，例如：

.yeet {
  /* CSS Properties go here */
}

<a href="yeet" class="yeet">Buy!</a>

Answer 4

如果您只将它用于一个，则使用 id 和 #，对于多个元素，您使用 class 和 .

#only-this {
  color: red;
}

<a id="only-this" href="yeet">Buy!</a>
<a href="yeet">Sell!</a>

Answer 5

您需要在 html 上进行身份验证，然后在 CSS 页面上 select 进行身份验证，例如：

HTML :

<a id="buyButton">Buy!</a>

然后 CSS:

#buyButton
{
  color : blue;
}

Answer 6

问题是这样的：一个元素。一个class可以是多个元素。在这里，使用 内联 CSS 并不比样式表 CSS，你可以让你的叶叶树有不同的风格。

<a href="yeet" style="color:red;">Buy!</a>
<br>
<a href="yeet" style="color:orange;">Buy!</a>
<br>
<a href="yeet" style="color:green;">Buy!</a>
<br>
<a href="yeet" style="color:blue;">Buy!</a>
<br>
<a href="yeet" style="color:indigo;">Buy!</a>
<br>
<a href="yeet" style="color:violet;">Buy!</a>
<br>
<a href="yeet" style="color:chartreuse;">Buy!</a>

如何只为 1 个元素添加 css

How do you add css only for 1 element

html

css

w3.css