Html 可以多次添加CSS样式以增加效果吗

我希望能够通过HTML尽可能多地控制我的网页

因此，我希望能够做到这一点

<p class="largeFont">Hello</p>
<p class="largeFont largeFont">Hello</p>
<p class="largeFont largeFont largeFont">Hello</p>

概念是每次我调用这个类时，它都会应用1.1em的字体大小。看起来它只是将字体大小应用于原始值，而不会在运行时重新计算

然后我试图强制它继承，但这也不起作用

.largeFont {
    font-size:inherit;
    font-size: 1.1em;
}

仅使用CSS和HTML是否可以实现我的目标

.大字体{ 字体大小：继承； 字体大小：1.1米； } 你好

你好

---

您好

考虑另一个与下面类似的工具类组合使用。只需编写一次基值，实用程序类也可以以相同的方式与其他属性一起使用

如果不想定义所有乘数，还可以依靠内联样式来更改变量

.大字体{ 字体大小：calc1.1em*var-x，1； } .x2{ -x:2； } .x3{ -x:3； } .x4{ -x:4； }

您好

你好

你好

您好

你好

你好

---

您好

考虑另一个与下面类似的工具类组合使用。只需编写一次基值，实用程序类也可以以相同的方式与其他属性一起使用

如果不想定义所有乘数，还可以依靠内联样式来更改变量

.大字体{ 字体大小：calc1.1em*var-x，1； } .x2{ -x:2； } .x3{ -x:3； } .x4{ -x:4； }

您好

你好

你好

您好

你好

你好

---

Hello

CSS不支持这样的堆叠，在DOM中多次指定同一个类与指定一次相同。在一个选择器中多次指定类只会增加特殊性，但这是一种技巧，在这里也不太相关。CSS不支持堆叠，也许您应该添加另一个类，并根据添加到同一元素的其他类创建一些条件。当然，这不起作用。这与“堆叠”关系不大——如果使用三个不同的类应用字体大小：1.1em三次，结果仍然是一样的。它不起作用，因为em是相对于父元素的字体大小的，并且一个元素的父元素不会改变，无论你在元素上添加了零个、三个或五千个类。CSS不支持这样的堆叠，在DOM中多次指定同一个类与指定一次是一样的。在一个选择器中多次指定类只会增加特殊性，但这是一种技巧，在这里也不太相关。CSS不支持堆叠，也许您应该添加另一个类，并根据添加到同一元素的其他类创建一些条件。当然，这不起作用。这与“堆叠”关系不大——如果使用三个不同的类应用字体大小：1.1em三次，结果仍然是一样的。它不起作用，因为em是相对于父元素的字体大小的，并且一个元素的父元素是不变的，不管你在元素上添加了0个、3个或5000个类。为了谷歌搜索，我需要知道-x有什么术语？它们看起来像CSS变量？@MyDaftQuestions是的，它们是CSS变量。我使用变量-x来计算字体大小，每次我用另一个类修改它时。这是你的multiplier@MyDaftQuestions这里有一个有用的链接：这是一种编写多个css选择器的奇特方法：.largeFont{font size:1.1em}。largeFont.x2{字体大小：2.2em}；largeFont.x3{font size:3.3em}@MihaiT，您可以轻松维护，因为您只需在一个位置更改基值；你可以考虑X*类与其他属性，我想听到更多。为了谷歌搜索，我需要知道-x有什么术语？它们看起来像CSS变量？@MyDaftQuestions是的，它们是CSS变量。我使用变量-x来计算字体大小，每次我用另一个类修改它时。这是你的multiplier@MyDaftQuestions这里有一个有用的链接：这是一种编写多个css选择器的奇特方法：.largeFont{font size:1.1em}。largeFont.x2{字体大小：2.2em}；largeFont.x3{font size:3.3em}@MihaiT，您可以轻松维护，因为您只需在一个位置更改基值；并且可以考虑具有其他属性的x*类。

.largeFont {
    font-size:inherit;
    font-size: 1.1em;
}