CSS:定义类的最佳方式?

标签 css class

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 8 年前

我正在处理一个超过 3000 行的 CSS 文件。 在这个 CSS 文件中有大约 40 个元素,它们具有属性 display:inline;

现在我的问题是;创建一个像这样的类不会更好:

.displayInline {
    display: inline;
}

并在元素需要 display: inline 时在标记内使用它;而不是编写显示:内联; CSS 文件中的 40 个不同元素需要 40 次?

谢谢你的帮助

最佳答案

肯定更糟。实际上,您所说的是不好的做法,这种做法在所谓的 CSS 框架中变得有些流行。表示信息(CSS 规则)不应出现在代码的结构部分(标记)中。这是一个 MVC 中断。顺便说一下,MVC 模式不是 Elixir ,但在这种情况下没有理由忽视它。

这是一篇关于该主题的好文章:http://ruby.bvision.com/blog/please-stop-embedding-bootstrap-classes-in-your-html

因此,回答您的问题,尝试一些支持混入的 CSS 预处理器可能会很好。原生 CSS 不适合内部分层任务。 Less 或 Stylus 非常酷。

关于CSS:定义类的最佳方式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25608502/

上一篇:image - 响应式图像中间与 h2 标题对齐

下一篇:javascript - Chrome 不处理 .style = "background-color:#333223;"

相关文章:

css - 如何在多种外形规范上测试 CSS?

javascript - 修复响应式移动菜单

html - iframe 动态高度(无法访问 javascript 或样式表)

python 类型错误: dl() takes exactly 4 arguments (3 given)

c++ - g++ 编译器不会为未定义的方法生成错误/警告

java - 什么需要更多内存 - 嵌套类/单独类

javascript - 带有图像和圆形进度条的圆形按钮

html - 使用 HTML 和 CSS 标题前的空间大于标题后的空间

PHP在另一个命名空间的类中的方法中使用命名空间类

c++ - 临时对象在 C++ 中的行为如何?