html - ID类CSS文件

Question

我在使用 css 时遇到一些困难，需要一些关于类和 ID 的建议；s 我调用了两个 CSS 文件，一个用于 STYLING，一个用于 DIV DIMENSIONS

假设我有以下 HTML header :

HTML

<div id="header" class="section"> 

在尺寸文件中找到 CSS

.section { 
    padding: 0px;
    margin: 0;
    width: 100%;
    clear: both;
}

在 STYLING 文件中找到 CSS

#header {   
    min-width: 50em;
    height: auto;
    overflow: hidden;
    background: #000; 
}

以下假设是否正确？

1) 我假设类和 ID 样式的组合将应用于标题。但是，ID 选择器中的样式会优先考虑 Specificity? 因此，如果我在 ID CSS 中定义宽度，这将胜过“类”CSS。

2) 我假设您可以在 css 中结合使用这两个类？

非常感谢， 皮特

Answer 1

您不应将您的样式和尺寸拆分到不同的 CSS 文件中，这样会使您的代码和样式更难一目了然。

您应该为颜色、外观和可以在您的页面上多次出现的东西生成类，这样您就可以为任意数量的元素分配 class="green"，即使是动态内容也无需粘贴手动样式标签.

注意: 一个非常好的 html 页面设计不包含任何单一的原始“样式”标签，并且通过 css 完成所有事情。

在您的网站上只出现一次的所有其他内容，例如标题、导航等 - 布局中的元素可以分配一个 ID，是的。

但是你不应该将它们拆分为 2 个 CSS 文件，因为这不是必需的，除非你的元素确实非常庞大和复杂。

例如:

<style type="text/css">
    #content {
        width: 300px;
    }
    .error {
        color: red;
    }
    .success {
        color: green;
    }
</style>

<div id="content"> <!-- Appears only once on your website -->
    <div class="error">Some error</div> <!-- Can appear multiple times -->
    <div class="error">Another error</div>  <!-- Can appear multiple times -->
    <div class="success">Some success message</div> <!-- Can appear multiple times -->
</div>

所以回答你的问题:

将两者混合使用不是必需的，通常也不是一个好的做法，因为您将覆盖属性，然后想知道为什么您的页面看起来破损、丑陋或类似的东西!