Html 在父级或子级中定义样式的位置

我正在学习CSS，我经常对应该在哪里定义样式感到困惑，即在父元素还是子元素中。请看下面的代码

.div{
填充：30px；
边框：1px纯黑；
/*字号：2rem*/
/*如果我这样做，结果是一样的*/
}
.ul{
字号：2rem；
}

一个
两个
三

在这种情况下，最好在父元素中定义字体大小，这样可以减少代码行，从而使代码运行得更快。尽可能使用父元素上的样式，并在必要的条件下添加子元素上的样式（如果子元素属性/样式与父元素不同）。为了更好的可读性，您可以使用注释。希望这对您有所帮助

div{
填充：30px；
边框：1px纯黑；
字号：2rem；
/*如果我这样做，结果是一样的*/
}

一个
两个
三

这取决于您如何设置整个应用程序的样式。如果您希望在所有代码中使用相同的字体，则将样式添加到父div即可

这将在以后添加的每个div中应用此字体大小

div{
  padding: 30px;
  border: 1px solid black;
  font-size: 2rem;
}

下面的代码只针对无序列表

ul{
  font-size: 2rem;
}

---

你到底想达到什么目的？你所说的定义约定是什么意思？我所说的定义约定是指一种像上面例子中那样的书写风格的方法，如果我在

div

或

ul

中定义字体大小，两者都会给出相同的结果，我想知道在这种情况下编写代码的最佳方式是什么，或者sa是否有任何约定我