我不知道css中“：”和“。”之间有什么不同

Question

这是我的代码：

 a:hover
 a:focus,
 a:active
 a.active {

      color: #fec503;
 }

我不知道＆＃34; a：active＆＃34;和＆＃34; a.active＆＃34;。那么有人可以向我解释一下吗？

Answer 1

a：active基本上会描述一个活跃的锚链接。使用该样式，您的CSS将针对所有活动链接。

a.active更具体。它针对具有活动类的锚标记。

例如：<a href="www.example.com" class="active">

有关CSS选择器的更多信息，我建议： http://www.w3schools.com/cssref/css_selectors.asp

Answer 2

首先他们都是classes selectors，

＆＃34;：＆＃34;是一个伪类选择器： 它引用了一个州，例如。 ：active，：hover，：first-child，：empty等。

＆＃34;＆＃34;是一个类选择器： 使用元素中的class属性将元素分配给命名类

Answer 3

.正在引用一个类。例如，要更改类＆＃34;活动＆＃34;的链接颜色。你会使用以下

a.active {
    color: red;
}

:正在引用某个州。例如，要改变悬停在你身上的链接的颜色，你会：

a: hover {
    color: green;
}