您好,匿名用户
随意问技术百科期待您的加入

Class命名结构化or语义化?这个是一个问题。

0 投票

查阅了不少文章:

但是还是无法得到满意的答案。举个例子,一个左浮动的文字描述。

<!-- 根据结构化,我们可以如下:(要改的话就改CSS文件 -->
<span class="desc"></span>
.desc {
    float: left;
}
<!-- 但根据一般CSS框架,也可以如下:(要改的话就改Class命名 -->
<span class="flo-l"></span>
.flo-l {
    float: left;
}

前者修改样式更方便,但不利于抽象化复用;后者抽象化复用更好,但改HTML相对复杂。感觉各有各的道理,却无法解决对方的问题。
请问,这个问题要如何抉择呢?如果结合使用,要如何把握程度呢?

用户头像 提问 2014年 3月23日 @ Lee Sin 上等兵 (347 威望)
分享到:

1个回答

0 投票

这种问题没有最佳实践,肯定具有两面性,不要试图从中做出选择。

如果这个desc放在一个地方可以left,而放在另外一个地方可以right,那么就像bootstrap一样,重新定义几个工具类,类似.pull-left和.pull-right之类的

class="desc pull-left"
或者class="desc pull-right"

分割线

补充一下,我会把float:left写在desc里,然后desc需要float:right的时候,我会一起使用class="desc pull-right"

用户头像 回复 2014年 3月23日 @ Aries 上等兵 (238 威望)
提一个问题:

相关问题

+1 投票
1 回复 51 阅读
0 投票
1 回复 105 阅读
+1 投票
1 回复 43 阅读
用户头像 提问 2012年 12月1日 @ Hades 上等兵 (152 威望)
0 投票
1 回复 37 阅读
+1 投票
1 回复 53 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...