在CSS效果中使用点或冒号

Question

我正在使用css，因此我不知道何时使用点以及何时使用冒号来实现CSS效果，例如悬停，活动，访问。例如：

对于名为“tab”的列表项，此代码有效：

.tab a.active
{ 
    text-decoration: none;
    background: #fff; 
}

当我使用冒号时，效果不适用：

.tab a:active 
{ 
    text-decoration: none;
    background: #fff; 
}

在之前的工作中，我对ID元素使用悬停效果：

a:hover
{ 
    background-color:yellow;
}

此代码有效。这两种效果是否存在差异，因为在第一个示例中，它应用于类，在最后一个示例中，它应用于ID？

Answer 1

dot用于为类提供样式，冒号用于伪元素的任何效果（即id或类中的元素）。

Answer 2

.class这是一个班级

#id这是一个id

:after这是一个伪元素

例如：#wrapper .button:hover表示您将鼠标放在像这样的元素上

<div id="wrapper">
   <div class="button">I'm a button</div> <!-- Mouse over this one -->
</div>

让我知道它是否有用。