css - 在 CSS 效果中使用点或冒号

Question

我正在使用 css，所以我不知道何时使用点以及何时使用冒号来实现 CSS 效果，例如 hover、active、visited。例如:

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

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

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

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

在之前的工作中，我在 ID 元素上使用了悬停效果:

a:hover
{ 
    background-color:yellow;
}

此代码有效。这两个效果有区别吗，第一个例子是作用在class上，最后一个例子是作用在id上？

Answer 1

.class这是一个类

#id这是一个id

:after 这是一个伪元素

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

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

如果有用请告诉我。