Question

所以这个问题可能听起来很奇怪，但我需要在我的代码行中添加一个定义元素，这样在CSS中我也可以在定位该类时定位该元素。我目前的代码如下。所以我需要做的是在不改变“右键”的类名的情况下向类添加内容。所以说如果我想在CSS中编码我会编码“this.right-button {}”，我的问题是在这行代码中我可以插入“this”吗？我希望这是有道理的......

 <div id="scroll">
     <a href="mensshoes.php" class="right-button"><img   src="images/scrollright.png"/></a>
 </div>

Answer 1

添加另一个类？

HTML

 <div id="scroll">
     <a href="mensshoes.php" class="right-button bazinga"><img   src="images/scrollright.png"/></a>
 </div>

CSS

a.right-button.bazinga {
}

实际上，通过显示的简单代码，在css中，您可以非常简单地将其作为目标

#scroll .right-button {
}

根本不需要更改HTML。 #scroll保证是唯一的，如果该div中只有一个.right按钮，那么你已经精确地找到了你的目标

Answer 2

一个元素可以包含任意数量的类，用空格分隔，这样你就不需要更改类名＆＃34;只需添加一个额外的类：

<div id="scroll">
     <a href="mensshoes.php" class="right-button whatever"><img src="images/scrollright.png"/></a>
</div>

然后，您可以为包含这两个类的所有元素指定CSS规则，如下所示：

.whatever.right-button { color: red; }

订单并不重要：

.right-button.whatever { color: red; }

jQuery等JS库或本机querySelectorAll使用与CSS完全相同的语法来匹配元素。如果您以某种方式匹配class属性的确切文本，那么您就是在做错了，因为该属性被定义为以空格分隔的列表。

Answer 3

你可以添加一个id并将css附加到它上面。 <a class="right_button" id="id_name"> #id_name {css_stuff: here;}

另一种方法可能是使用内嵌标记<a class="right_button" style="{css_stuff:here}">。

编辑：像其他提到的那样添加另一个类也是一个很好的方法，但是如果你只是将CSS添加到那个元素中，那么我认为ID方法是可行的方法。

想要在不更改类名的情况下向类添加定义元素

3 个答案: