CSS id元素覆盖其子元素';s定义

CSS id元素覆盖其子元素';s定义,css,parent,overwrite,Css,Parent,Overwrite,.mainlink div位于顶部的某个位置。为什么#top a(家长)对边距的定义会覆盖.mainlink a中的定义?如何改变这种行为 这称为选择器指定性。另请参见:这称为选择器特定性。另请参见:由于CSS“级联”,颜色将应用于元素的任何子元素。您需要指定子元素的颜色,并且可能需要在属性声明的末尾添加一个“!important”。由于CSS“级联”,该颜色将应用于元素的任何子元素。您需要指定子级的颜色,并且可能需要在属性声明的末尾添加一个“!important”。在级联样式表时,命名ID的优

.mainlink div位于顶部的某个位置。为什么#top a(家长)对边距的定义会覆盖.mainlink a中的定义?如何改变这种行为

这称为选择器指定性。另请参见:

这称为选择器特定性。另请参见:

由于CSS“级联”,颜色将应用于元素的任何子元素。您需要指定子元素的颜色,并且可能需要在属性声明的末尾添加一个“!important”。

由于CSS“级联”,该颜色将应用于元素的任何子元素。您需要指定子级的颜色,并且可能需要在属性声明的末尾添加一个“!important”。

在级联样式表时,命名ID的优先级高于类


您可以使用
边距:0!重要信息
强制重写。

级联样式表时,命名ID的优先级高于类

您可以使用
边距:0!重要信息
强制超控。

顶部a选择器具有多个
.mainlink a
。ID选择器大大提高了选择器的特异性

每个ID将选择器的特异性增加100倍。每个类别的特异性增加10倍

既然如此,我想:

A.将ID替换为类或
B.向第二个选择器添加一个ID。

顶部的a选择器具有多个ID。
.mainlink a
。ID选择器大大提高了选择器的特异性

每个ID将选择器的特异性增加100倍。每个类别的特异性增加10倍

既然如此,我想:

A.将ID替换为类或

B.将ID添加到第二个选择器。

您可以通过更改规则来修复它:

#top a {
  color: #C6D6CA;
  margin: 0 25px;
  text-decoration: none;
}

.mainlink a {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
}

您可以通过更改规则来修复它:

#top a {
  color: #C6D6CA;
  margin: 0 25px;
  text-decoration: none;
}

.mainlink a {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
}

你能给我们看一下你的HTML或它的一个样本吗?你能给我们看一下你的HTML或它的一个样本吗?具体来说,
\id
选择器比
.class
选择器具有更高的特异性。具体来说,
\id
选择器比
.class
选择器具有更高的特异性。