小编css*_*iac的帖子

CSS 最佳实践:所有元素的类或父类的样式?

所以,我想知道以下内容:我有一些主要内容 div 和一个侧边栏 div,CSS 如下所示:

.main{
 width: 400px;
 height: 300px 
}
.sidebar{
 width: 100px;
 height: 300px;
}
Run Code Online (Sandbox Code Playgroud)

我现在不会包括所有的浮动属性,因为我只对以下内容感兴趣:如果我在它们两个中都有 ap 元素并且我希望它们具有不同的样式,我应该给段落不同的类还是我应该定义样式对于这样的他们:

.main p{
 color: blue;
 text-align: right;
 font-family: ...
}
Run Code Online (Sandbox Code Playgroud)

然后对于 .sidebar p 我会定义别的东西...替代方法是定义一个类 p.myclass 并在那里定义样式。我试图了解什么是更好的做法。显然,如果使用第一种方法在其中一个元素中有 30 个 p 元素,我需要更少的标记,因为我必须给它们一个类。另一方面,我创建的 CSS 只能“用于”该父元素,而不是具有可以应用于站点中更多地方的通用定义......我注意到在很多“大”网站中,几乎每个 html 元素都有自己的类...有什么想法吗?

css

5
推荐指数
1
解决办法
941
查看次数

标签 统计

css ×1