将 css 类应用于多个元素。它适用于他们所有人。我该如何指定？

Question

我按照该线程第一个答案中发布的说明进行操作：

如何使此悬停代码更短？我怎样才能创建一个CSS文件来实现多个按钮的设置？

但是按钮被添加到所有链接中。我想做的就是创建更多按钮，同时保持代码简短，以便将一项 css 设置应用于其他类似的按钮。请帮忙？谢谢。

Answer 1

为了访问 CSS 中的元素而不影响页面上该类型的所有元素，您可以执行以下操作。

首先，我建议您查看 CSS 选择器 以了解有关您可以通过不同的方式选择元素。

这是我的一些想法，可能对您有用。

按 ID 或类选择

您可以按 ID 选择单个元素，或按类名称选择多个项目。请记住，页面上只有一个元素可以具有相同的 ID，但许多元素可以具有相同的类。

HTML

<div id="myIdSelector"></div>

和

<div class="myClassSelector"></div>

CSS

ID 使用 # 符号引用，类在 CSS 中使用 .（句点）符号引用

    #myIdSelector{
     /* Styles for this single item */
    }

    .myyClassSelector{
    /* Styles here for this collection of items */
   }

< strong>后代选择

这基本上是指根据某个元素在某种程度上是另一个元素的后代来选择该元素。最简单的形式是子选择器。请考虑以下事项：

div p{ /* styles here */}

这是引用 div（的子级）内部的所有段落标签。

另一个将 ID 选择器与子选择器相结合的示例：

#myNavMenu li a{ /* styles here */}

这次我们对列表元素内部的所有锚元素进行样式设置，而列表元素又位于 ID 为 myNavMenu 的元素内部。