OOCSS -仅使用类来设置样式
OOCSS（Object Oriented CSS）是一种使用类来设置样式的方法，它的目标是提高样式的可重用性和可维护性。通过将样式规则抽象为可复用的类，可以减少样式的冗余，提高代码的可读性和可维护性。
OOCSS的核心思想是将样式规则分为两个层次：结构层和外观层。结构层定义了元素的布局和基本样式，而外观层则定义了元素的具体样式。通过将结构和外观分离，可以使样式更加灵活和可扩展。
优势：
- 可重用性：通过定义可复用的类，可以在不同的元素上重复使用样式规则，减少代码冗余。
- 可维护性：通过将样式规则分离为结构和外观层，可以更容易地修改和扩展样式，减少代码的耦合性。
- 可读性：使用类来设置样式可以使代码更加语义化和易于理解。
应用场景： OOCSS适用于任何需要样式重用和可维护性的项目，特别是大型项目和团队合作开发的项目。它可以帮助开发人员更好地组织和管理样式，提高开发效率。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列云计算产品，包括云服务器、云数据库、云存储等，可以满足各种应用场景的需求。具体推荐的产品和介绍链接如下：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供稳定可靠的关系型数据库服务，支持高可用和自动备份。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 云对象存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。了解更多：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和工具，帮助开发者快速构建和部署AI应用。了解更多：https://cloud.tencent.com/product/ailab
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
1回答
我现在正在练习OOCSS，但我遇到了一个问题。<ul> <li>b</li></ul>li:nth-of-type(1){}li:nth-of-type(3) {}
但是根据OOCSS，我们应该使用<
浏览 15提问于2020-03-11得票数 1
回答已采纳
2回答
问题：第二个OOCSS原则真的有效吗？来自的报价
让我们以一个实际的例子为例。假设我有一个标准2.0设置，有一个正常的身体(白色背景)和一个巨大的页脚(黑色背景)。在身体上，我们有黑色的链接，而在页脚，我们当然需要白色。不是实现这
浏览 0提问于2013-02-23得票数 4
回答已采纳
但是我想出了一个关于这个指令的问题(我们只讨论限制为'E‘的指令，并有一个模板来替换或插入这里的指令。)如您所知，指令是一个可重用的组件，很多时候，用户不是指令的编写者，他只是使用它。当命令被模板替换时，他是否应该检查devtools中的指令，然后对已替换的DOM进行样式设置？
如果用户<e
浏览 3提问于2013-12-15得票数 2
1回答
在CSS文件中，如何使具有特定id的元素也遵循其他类的规则？*/如果我想说id为big_and_blue的div同时采用类big和blue的规则，那么可以通过在big_and_blue id中引用这些类来实现吗？当然，我可以手动将big和blue类的内容写出到big_and_blue id中，但这似乎相当幼稚。
浏览 1提问于2014-05-01得票数 0
对于CSS，是否有您应该始终遵循的标准/通用指南？例如，你应该只为阿拉伯字体大小12，14，16 (只有其中之一)的东西？
浏览 1提问于2012-08-03得票数 0
回答已采纳
1回答
我一直在研究CSS编码方法，比如SMACSS和OOCSS。在做了一些家庭作业并检查了大型网站(如谷歌、Facebook)的样式之后，我注意到了非常糟糕的选择器名称，比如没有风格或内容语义的._50x4。我想知道这些更大的站点是否在使用某种类型的名称来命名css选择器呢？
浏览 1提问于2013-03-15得票数 7
2回答
所以我对OOCSS有个问题。它应该更便携，但与我通常的做法相比，我发现它不那么容易。我有一个小部件证明。在主要内容体(有白色背景)中，证词有一个黑色字体。，我会这样做： color: #000000;#footer .testominial {}
使用这种“旧”方法，我可以将我的小部件从内容区域拖到页脚，颜色将简单地工作-我不需要更改小部件的CSS或DOM类。对于新的OOCSS/BEM，我不应该
浏览 9提问于2015-05-28得票数 11
回答已采纳
我正在使用Jquery选择菜单插件结合OOCSS (页面宽度为960px)在HTML表格中设置选择框的样式。
问题是插件为每个选择框添加了一个隐藏元素。
浏览 1提问于2013-01-31得票数 0
简单地说，基本思想是，与其每次创建网站时从头开始，不如使用一些已经编写好的基本构建块作为类，然后扩展以满足我们的需要。(“扩展”包括向HTML中添加更具体/覆盖的类，因为CSS类无法相互继承规则.希望在CSS4中？:) OOCSS原则的灵感来源于这样一个事实:您不需要每次需要找到双数的正弦时都重写。阅读下面的我的具体问题，但我总是寻找阅读材料，所以请随时停下来，并评论一些更多的链接到OOCSS的资源，例如好处和批评，等等。Nicole会说我应该导入她的样式表并
浏览 6提问于2012-01-12得票数 1
回答已采纳
1回答
我在最近的项目中使用了ITCSS。
泛型重置和/或规范化样式、框大小定义等。请注意，这是生成CSS的三角形的第一层。元素-为空HTML元素(如H1、A、页眉、页脚、…)设计样式。它们带有来自浏览器的默认样式，因此
浏览 1提问于2019-06-11得票数 2
回答已采纳
1回答
Pylint配置问题
、、、、
在pylint1.4.1上，我试图根据我想要的python约定来设置配置。
当使用旧样式类时，我会得到C1001警告(“已定义的旧样式类”)，这是我想要禁止的。我怎样才能设置pylint来允许这类课程呢？抑制C1001只有部分帮助(因为我还因为类中没有__ init __函数而出错，我不想在每个类中都禁止它--它在新样式的类中是有用的
浏览 0提问于2015-03-02得票数 8
如何仅使用CSS设置GWT的样式？没有提到哪些CSS类是可用的。例如，我想在"th“上做样式。
浏览 1提问于2011-02-24得票数 3
回答已采纳
1回答
因此，我知道，一旦包含了Foundation /css，就可以扩展基金会类，我也知道可以将这些类包含到dom (OOCSS样式)中，但是下面是我的用例： @extend .top-bar;问题现在，如果我在这个样式表中使用@import基金会，我将得到包含两
浏览 3提问于2014-05-30得票数 1
1回答
分面搜索被设置为按4个单词进行过滤，每个单词中都包含100+术语。这些词汇仅附加到特定的内容类型。
当使用分面搜索时，我可以使用引导式搜索来缩小我的结果范围，并且可以对这些结果进行样式设置。当我输入一个关键字，如分类%609，这是我单击相关分类时发出的一个参数，应用了该样式，因为输出的结果是与results视图中使用的类一起输出的，而基本关键字搜索(如“(semanticviews-view-fields--VIEW
浏览 0提问于2011-01-27得票数 2
我考虑过使用类，这似乎是一种更好的方法，但仍然在每个div上添加一个类似乎太过了--也许使用BEMS，良好的实践，将css类分散到我需要样式的每个元素上？然后我考虑使用直接的子选择器和第n-子选择器，这会把事情整理好，但是设计很脆弱，因为在html中移动DIVS会破坏css。
有人能建议最好的方法吗。这里有一个例子，使用类之前有ID，所以更好，但我不相信语义和可重用性。我所能做的任何改进都会很有帮助。它应该代表一张卡片，底部有两个按钮。
浏览 6提问于2017-05-16得票数 3
回答已采纳
2回答
我有一个标准的HTML复选框，我想对它应用一个错误状态--我知道你不能直接对一个复选框应用样式，所以我尝试将样式应用于它的父div。class="form-row"></div>.tex
浏览 0提问于2015-06-28得票数 0
我决定围绕我找到的一个响应菜单构建一个页面(我想在这里的一个答案中)，当我准备处理该页面的其余部分时，我意识到菜单上的所有ul, li, a元素都被设置为选择和样式整个页面的所有CSS元素。我试图通过多种方式向每个样式元素添加选择器，但每次出现问题时都会出现混乱。出于绝望，我为每个类/ids创建了类/ids，但这只会使html看起来很恶心，而且似乎已经搞砸了。下面是冒犯的css。
浏览 0提问于2015-12-03得票数 1
回答已采纳
我正在尝试为使用BsModalService创建的模式定义一个新的宽度。我不能通过给他一个自定义类来改变它。仅通过使用给定的类，如‘modal xl’。为什么？我应该在哪个文件中设置类样式？
浏览 37提问于2020-10-21得票数 1
我经常听说在CSS中不应该使用id元素上的HTML属性来设置样式。然而，情况总是这样吗？假设您的应用程序(ul)中有多个具有类horizontal-list的列表。但是，如果您希望为每个ul应用一些独特的样式，那么您可以添加一个id并像这样使用它吗？#food .horizontal-list {
在这里，您只使用它来分隔元素。或者你应该为每个唯一的列表创建一个<e
浏览 0提问于2012-04-20得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
