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

Question

我跟着指示，张贴在该线程的第一个答案：

How can I make this hover code shorter? And how can I create a css file that implements settings to more than one button?

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

Answer 1

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

首先，我建议你看看CSS selectors了解更多关于你可以选择元素的不同方法。

这里有几个我的头顶可能对你有用。

通过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 */ 
    } 

Decendent选择

这基本上是指选择基于它被以某种方式到另一个元件的decendent的元件。这个最简单的形式是子选择器。考虑以下内容：

div p{ /* styles here */} 

这是引用位于div的子元素中的所有段落标记。

又如ID选择与孩子选择组合：

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

这次我们的造型是内部列表中的元素，而这又是里面的东西与myNavMenu一个ID的所有锚元素。