CSS 多类或分组类最佳实践
在CSS中，可以通过多类选择器或分组选择器来将样式应用于多个元素。以下是一些关于使用多类或分组类的最佳实践：
- 使用逗号分隔多个选择器：
.class1, .class2 {
/* 共享样式 */
}- 使用分组选择器：
.class1 {
/* 样式1 */
}
.class2 {
/* 样式2 */
}- 避免过度具体的选择器：
/* 不推荐 */
.class1 .class2 .class3 {
/* 样式 */
}
/* 推荐 */
.class1 {
/* 样式 */
}
.class2 {
/* 样式 */
}
.class3 {
/* 样式 */
}- 使用预处理器（如Sass、Less等）来组织和管理代码：
// Sass 示例
.class1 {
/* 样式1 */
}
.class2 {
/* 样式2 */
}- 使用BEM（Block、Element、Modifier）命名约定：
/* Block */
.block {}
/* Element */
.block__element {}
/* Modifier */
.block--modifier {}- 使用腾讯云的Cloud Coding平台进行代码管理和协作：
腾讯云Cloud Coding是一个集成开发环境，可以帮助您更高效地编写和管理代码。它提供了代码仓库、代码审查、持续集成/持续部署（CI/CD）等功能，以便您可以更快地构建和部署应用程序。
访问腾讯云Cloud Coding的链接：https://cloud.tencent.com/product/tcb?from=12358
通过遵循这些最佳实践，您可以确保您的CSS代码更易于维护和扩展。
相关·内容
2回答
CSS多类或分组类最佳实践
css、grouping
我刚接触过CSS /CSS 3，在很多地方读过不同的CSS文件构建方法。有些人在相同的元素中都有标记，有些人将元素分开，然后在HTML代码中使用不同的类。例：h1 { font: normal 20px Arial; }
h2 { font: normal 1
浏览 7提问于2011-10-11得票数 2
回答已采纳
5回答
CSS中真正的最佳实践是什么:使用ID和类还是选择器？我有一个样式表，一旦表单被提交，PHP就需要它来样式化results /successful submitted页面，我想知道在CSS中使用ID和类或使用选择器的最佳实践是什么？
浏览 0提问于2013-02-25得票数 4
回答已采纳
7回答
命名和大小写多字CSS类和ids的最佳实践是什么？
css、naming-conventions
我正在尝试找出命名和大小写css类和ids的最佳实践是什么，尤其是多个单词名称。其中哪一个是命名css类和ids的行业标准？在css名称中拆分多个单词的最佳实践是
浏览 3提问于2009-10-30得票数 15
回答已采纳
1回答
在CSS文件中组织类
css
例如:红色边框或向左浮动。
最佳实践要求将所有代码保存在一个/多个css文件中，避免内联样式，并将in保持在最小。那么，我如何组织包含这么多小属性组的css文件，以及如何记住我是否已经有了一个属性组。我应该只构建很多小的css类吗？如何在团队中应用此概念？
浏览 0提问于2010-11-02得票数 1
1回答
开始新项目时的CSS最佳实践
css、project、standards
我想知道在开始一个大项目的CSS工作时，最好的方法是什么？因为我在大多数大型项目(如wordpress)中看到，它们将所有共享相同属性的类捆绑在一起，然而，您如何提前知道它们是否会匹配，或者这是编程后微工作吗？无论如何，我只是想知道分组类、ids等的最佳实践，以及这种方式的行业标准方法是什么。
浏览 1提问于2011-08-15得票数 7
回答已采纳
3回答
编辑scaffold制作的页面时Rails中的最佳实践
ruby-on-rails、architecture
我有一个最佳实践问题。我有两个类，公司类和类别类。他们有一个多对多的关系。单击类别时，我将转到显示所选类别的所有公司的页面。非常直截了当。或或干杯卡尔
浏览 0提问于2012-06-25得票数 1
回答已采纳
2回答
您在类代码中按什么顺序放置方法？
coding-style、code-structure、code-standards
类可以有静态的、私有的、受保护的、公共方法。每种方法都用于修改、添加、删除等。谢谢。
浏览 12提问于2010-08-16得票数 2
3回答
我发现自己现在稍微改变了自己编写css的方式，我不确定这是好是坏。但是，很明显，现在我的css文件中有了复制。所以最近我开始使用像small这样的修饰符类，并将它添加到container旁边的超文本标记语言中，并将其添加到css文件中，如下所示：和我喜欢向每个元素添加small、big、wide或任何修改<e
浏览 2提问于2016-10-20得票数 1
1回答
根据含义还是外观对CSS元素进行分类？
css、class、grouping、naming
为元素选择CSS类(名称)的最佳实践是什么？使用CSS：b)或者我应该根据它的长相来命名它</a>a.boldLi
浏览 0提问于2011-01-27得票数 1
回答已采纳
2回答
从超类-设计模式调用子类方法
ruby、oop、inheritance
我被困在这里，因为我担心从父类中调用子类类的类方法是否是最佳实践？我想尽可能多地遵循最佳实践解决方案，不像某些定制的黑客。
提前感谢！
浏览 3提问于2015-02-17得票数 2
回答已采纳
1回答
当元素在屏幕上可见时的最佳实践？
angularjs
在angular中，我想要在元素在屏幕上实际可见时触发函数和/或设置css类，例如，当您向下滚动时。这方面的最佳实践是什么？
浏览 0提问于2013-11-25得票数 22
回答已采纳
2回答
使用CSS将文本更改为大写是一种好的做法吗
javascript、html、css
我发现在JavaScript中使用CSS而不是toUpperCase()来实现文本大写的代码，但是这段代码导致测试失败。测试断言是否呈现了文本；因为文本的大小写在CSS中更改，而不是在JavaScript中更改，所以显示的内容与实际数据不一致。
那么在某些情况下改变CSS中的大小写是不是很糟糕呢？
浏览 2提问于2016-11-30得票数 0
2回答
WCF服务-分组类的最佳实践
c#、wcf、architecture
我们正在规划我们的体系结构，并考虑如何将我们的类分组到WCF服务中。或者介于两者之间的东西。
我可能有一个错误的概念，这些应该如何联系或寻找错误的地方，但我找不到任何指导。如果我们确实对他们进行了分组，
浏览 4提问于2013-09-12得票数 1
回答已采纳
2回答
关于css选择器的最佳实践？
css、selector
当使用css选择器时，我们面临如何选择元素的许多选择(使用组合选择器，使用ids或类)。我想问的是，对于如何选择选择器和类/ if来拥有可维护的网站和易于移植的部分，是否有任何指导方针和最佳实践？
浏览 2提问于2013-04-02得票数 0
1回答
为相同标记命名CSS类选择器的最佳实践，但行为不同
css、less
如果我想让我的.Less文件遵循编写css类的最佳实践，是否应该像下面这样在.Less中创建css类： &.item-important {.important-item {}....我有点困惑，因为在Bootstrap中，我看到了很多类似btn btn-defaul
浏览 1提问于2017-06-19得票数 0
回答已采纳
4回答
如何在数据层管理SQL语句
php、sql
所有数据库任务都封装在按数据库和主题分组的不同数据库类中。这些类看起来非常可怕，一半的源代码是SQL字符串，填充了参数等等。我们考虑将SQL放在“其他”位置，如资源文件或其他位置。这方面的最佳实践是什么?您是否知道PHP的任何支持工具/库？斯蒂芬
浏览 4提问于2009-03-30得票数 2
回答已采纳
2回答
MVC3 -从脚手架结果创建列布局的最佳方法
css、asp.net-mvc-3、tablelayout
我已经阅读了相当多与使用表或CSS相关的条目/外部站点，但我想知道使用MVC脚手架创建布局的最佳实践方法是什么。下面的代码显然有一个标签的div类和另一个字段的div类，然后在视图中对尽可能多的对重复这两个类。
我想有一个两列布局作为默认脚手架输出创建一个非常长的页面和浪费屏幕实际面积。最好的答案是创建一个表，或者创建另外两个div并控制CSS中的位置，从而创建两个列。
浏览 3提问于2011-11-21得票数 1
1回答
导出函数vs然后导出
node.js、design-patterns
它只是样式，还是会使代码更易于测试或其他什么？为什么不将控制器定义为类，为什么不导出类？我在讨论模式和实践的多篇文章中看到了这些模式，但我对细微之处并不感兴趣。
谢谢。
浏览 1提问于2022-01-22得票数 1
1回答
我定义了一个css类；.icon{ color: steelblue;}a.component.css中的其他定义需要在应用程序范围内应用，因此需要和使用ViewEncapsulation.None配置。但是我有.icon类，它只需要在a.component中应用。而且它在组件中的使用非常频繁，因此添加一个新类或更改类<
浏览 2提问于2022-01-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
