Question

我理解标题有点误导，但我来自面向对象的背景，我最近开始转向Web开发。我只是基本掌握了HTML，并且一直在学习和搞乱CSS，但是它的某些部分有点令人困惑，而我正试图将它理解为我能理解的术语。

我的CSS：

.Person .span4 p
{
     margin-left: 10px;
     margin-right:10px;
     margin-top:10px;
}

根据我的理解，这意味着容器内的任何p标签，例如“span4”类，而另一个容器中具有class =“Person”的容器将被格式化为规范以上所列。换句话说，person.span4.p.format（String [] formatArgs），其中formatArgs是margin-left，right和top。

问题：这是一种适当的方式来看待它吗？

我知道这可能是将苹果与橙子进行比较，但我想在得出一些可能非常错误的结论之前得到一个意见，并对这些结果的实际解释。

Answer 1

关于.Person .span4 p的问题是正确的，这将构成p元素的元素，该元素是具有span4类的元素的后代，该元素是元素的后代使用Person类。

但是，我不会尝试将HTML中的类解释为与OO类相似的任何方式。它们是完全不同的概念，我认为这最终会让人感到困惑。

可以使用类属性（class="span4"）将类分配给HTML元素，然后可以在CSS或JavaScript中使用这些类，以将其他样式或行为应用于这些元素。考虑给元素一个类，用特定的关键字标记它，以便以后可以很容易地将其作为目标。也可以通过用空格分隔元素来为元素分配多个类，例如。 class="span4 box"。

此外，.Person .span4 p实际上不是＆＃34;类＆＃34;，它是一个选择器。 .span4语法称为类选择器，p是元素选择器，并且使用两个选择器之间的空格创建后代选择器。此外，#myId是ID选择器，有plenty of other types of selector as well。

我建议使用this guide作为快速掌握正确术语的好方法。

HTML类和OO类之间的相似之处

1 个答案: