Css 为什么文本对齐会影响子div，而不会影响字体大小？

这是基本的，但我找不到我需要的

 <div class="coverTitle"><h1> The Best In Town </h1></div>

但是：

  .coverTitle
    {
      text-align:center;
    }

同样有效

在另一边

  .coverTitle
    {
       font-size: 10px;
    }

不会影响该子项的字体大小

---

有些事情是如何影响孩子的，而有些事情不会影响孩子的？

请参见下面的工作片段：

.covertile.one{
文本对齐：居中；
}
二号{
字体大小：10px；
}

文本对齐：居中
字体大小：10px

请参见下面的工作片段：

.covertile.one{
文本对齐：居中；
}
二号{
字体大小：10px；
}

文本对齐：居中
字体大小：10px

原因是

的默认用户代理字体大小大于正常文本。要覆盖它，必须显式更改所有

或类中的字体大小：

。一些类{
字号：18px；
}

这是默认的H1
这是普通文本

原因是

的默认用户代理字体大小大于正常文本。要覆盖它，必须显式更改所有

或类中的字体大小：

。一些类{
字号：18px；
}

这是默认的H1
这是普通文本

实际上，这应该是可行的。您忘记了HTML中的结束标记，这可能是问题的原因。如果没有，则CSS的另一个属性可能会应用并覆盖“字体大小：10px”。你可以通过输入“字体大小：10px！重要”来尝试这个假设。如果它起作用，那是因为该属性在代码的其他地方被有效地覆盖了

.coverTitle{
字体大小：10px；
}

---

城里最好的

实际上，这应该行得通。您忘记了HTML中的结束标记，这可能是问题的原因。如果没有，则CSS的另一个属性可能会应用并覆盖“字体大小：10px”。你可以通过输入“字体大小：10px！重要”来尝试这个假设。如果它起作用，那是因为该属性在代码的其他地方被有效地覆盖了

.coverTitle{
字体大小：10px；
}

---

Best In Town

要更改子元素的字体大小而不知道哪个标题标记是子元素，请尝试以下操作：

h1, h2, h3, h4, h5, h6{
    font-size:inherit;
}

.coverTitle
{
   font-size: 10px;
}

---

这将确保子元素从其父元素接收字体大小。如果你想在这个范围内包含段落标记，只需在h6后面包含p。确保在h6和p之间插入逗号

要更改子元素的字体大小而不知道哪个标题标记是子元素，请尝试以下操作：

h1, h2, h3, h4, h5, h6{
    font-size:inherit;
}

.coverTitle
{
   font-size: 10px;
}

这将确保子元素从其父元素接收字体大小。如果你想在这个范围内包含段落标记，只需在h6后面包含p。确保在h6和p之间插入逗号

为什么文本对齐会影响子div，而不会影响字体大小

事实上，这只是部分原因

现在，用户代理（浏览器）将一些起始点样式表应用于所有元素，并且在不同的浏览器中有所不同，在chrome的情况下，

h1

获取

字体大小：2em

这一点很重要，因为

计算值

不会被继承覆盖

当你说

.coverTitle
{
   font-size: 10px;
}

div.coverTitle

将获得

font-size:10px

，但

h1

将获得

font-size:20px

这是因为默认情况下

h1

具有乘数

2em

演示

div{
字体大小：10px；
}
div>h1{
/*1em=16px*/
/*默认字体大小：2em*/
/*默认情况下继承字体大小*/
/*字体大小：继承*默认值*/
/*字体大小变成*/
/*字体大小：20px*/
}
.助手{
字体大小：20px；
/*或*/
/*字体大小：calc（10px*2）*/
}

试验
测试

为什么文本对齐会影响子div，而不会影响字体大小

事实上，这只是部分原因

现在，用户代理（浏览器）将一些起始点样式表应用于所有元素，并且在不同的浏览器中有所不同，在chrome的情况下，

h1

获取

字体大小：2em

这一点很重要，因为

计算值

不会被继承覆盖

当你说

.coverTitle
{
   font-size: 10px;
}

div.coverTitle

将获得

font-size:10px

，但

h1

将获得

font-size:20px

这是因为默认情况下

h1

具有乘数

2em

演示

div{
字体大小：10px；
}
div>h1{
/*1em=16px*/
/*默认字体大小：2em*/
/*默认情况下继承字体大小*/
/*字体大小：继承*默认值*/
/*字体大小变成*/
/*字体大小：20px*/
}
.助手{
字体大小：20px；
/*或*/
/*字体大小：calc（10px*2）*/
}

试验
测试

您是否使用开发人员工具进行了检查？我的第一个猜测是，其他CSS规则超出了您提供的规则。CovertiltIthethaks，我不确定我是否理解您。文本对齐将如何影响h1，而不说明它的h1（coverTitle>h1{}…）在类

@Curnelious之后的问题html div标记中添加
，正确关闭
coverTitle
div。它在原始代码中关闭，我只是删除了问题的某些内容，并且错误地删除了它。您是否使用开发人员工具进行了检查？我的第一个猜测是，其他CSS规则超出了您提供的规则。CovertiltIthethaks，我不确定我是否理解您。文本对齐将如何影响h1，而不说明其h1（coverTitle>h1{}…）在类
@Curnelious之后的问题html div标记中添加
，正确关闭
coverTitle
div。它在原始代码中关闭，我只是删除了问题的某些内容，并错误地删除了它。