代码之家  ›  专栏  ›  技术社区  ›  DaveDev

在一个元素上使用一个以上CSS类的正确方法是什么?

  •  2
  • DaveDev  · 技术社区  · 15 年前

    我可以想象当存在多个与元素相关联的类时,快速调试样式问题会变得复杂。目前我使用的是多个类,但在某种程度上,一种类型的类用于jquery操作,另一种类型用于样式。所以我可以有一个元素

    <div id='myDiv' class'ActionControl SearchBox'></div>

    何处 .ActionControl 被jquery和 .SearchBox 在CSS文件中有关联的样式。这是对的还是错的?人们对此有什么经验?

    其他人遇到了什么问题?他们是如何解决的?

    4 回复  |  直到 15 年前
        1
  •  1
  •   Garis M Suero    15 年前

    这绝对是一个 良好实践

    您必须记住的是,不要移除class属性,而是要移除您真正想要移除的类。

    另外,另一个问题(不是我)是旧浏览器不支持多个类。

    记住编码你的 CSS 在某种程度上,它可以防止代码重复,因此 float:left class 可以在许多不同的元素中使用,这是为了保留代码 清楚的 .

        2
  •  2
  •   Itay Moav -Malimovka    15 年前

    只要您的代码是可理解的、可维护的,并且对其他人来说是清晰的,那么您的系统就是好的。
    除了一个标准外,我不知道如何给CSS类提供标准:
    如果需要使用JS或CSS将页面中的单个元素作为目标,则应使用ID而不是类。

        3
  •  0
  •   F.P    15 年前

    我看不出有什么问题。可能,您可以在jquery类前面加上例如 jActionControl 因此,如果在许多类中使用什么类变得非常难看,那么您可以更好地了解谁使用它。

    当然,您可以根据需要分配任意多的类,所以在我看来,您的方法没有任何问题。

        4
  •  0
  •   Ned Batchelder    15 年前

    使用多个类的另一种方法是获得一种继承。

    .thing { ..blah.. }
    .thing.subthing { ..tweaks.. }
    
    
    <div class="thing"></div>
    <div class="thing"></div>
    <div class="thing subthing"></div>
    

    这里所有的东西都被“blah”应用到它们,但是只有子目录的DIV得到了调整。

    是的,可能会变得复杂。与任何电动工具一样,您需要明智地和有纪律地应用它。