Question

关于CSS的快速问题 - 所有Div都需要id或某种标识符吗？例如，在我的html页面上，我有下面显示的代码（通过重用类，我可以创建一个结构/流体网格系统）。

页面确实无问题地验证..

<div id="wrapper" >

    <div class="section group"> // open section 

        <div class="col span2"> 
            *****CONTENT HERE *******
        </div>

        <div class="col span2"> 
            ********MORE CONTENT HERE********** 
        </div>

    </div> // close section

</div> close wrapper

部分包含列。（它赋予div 100％宽度并清除两者）。它用于将页面分开
group是一个应用Clearfix
col是一个向左浮动的列（保存内容）
span是一个类，它给出了流体设计的百分比尺寸（例如，跨度1 = 25％宽度跨度2 = 50％宽度，跨度3 = 75％跨度4 = 100％）

Answer 1

首先，我可以在您的示例代码中看到可能缺少一些关闭标签，但我想也许是因为我不确定您是否忘记粘贴部分代码。无论如何，任何开放的div应该有它的接近div。

回答你的问题：

不，html元素不需要定义id属性。

id属性的一些用途是识别唯一元素。不得重复相同的ID。然后你可以使用CSS中的id，通过指定前缀为'＃'的id选择器，就像使用包装器一样。

可以使用id来通过css指定唯一元素的样式，或者使用document.getElementById（'id-here'）或jQuery $（'＃id-here'）从javascript中使用它

在CSS中使用类与ID的主要区别在于ID是唯一的，但CLASS可以在多个元素上使用更多次。

当您编写CSS样式时，您应该：

首先将样式应用于html标签，避免在不需要时使用类，例如：p {color：red; } h1 {color：black; }
其次，如果你的段落确实需要一个类，你应该创建它：p.italic {font-style：italic}
第三，如果你在页面上有一个具有独特设计的段落，你可以使用：p＃unique_id {font-size：300％; }

我想说的是你应该根据需要使用它，如果你不需要它们就不要添加类，为唯一项添加id。

Answer 2

您实际上并不需要所有课程。如果您想减少代码，可以在css中解决它们：

/* For .section and clearfix (.group) */
#wrapper > div {}
/* For .col */
#wrapper > div > div {}

这样你的html就变成了：

<div id="wrapper" >
    <!-- BEGIN section -->  
    <div>
        <!-- BEGIN column --> 
        <div> 
            *****CONTENT HERE *******
        </div>
        <!-- END column --> 
    </div>
    <!-- END section --> 
    <!-- BEGIN section -->  
    <div>
        <!-- BEGIN column --> 
        <div> 
            *****CONTENT HERE *******
        </div>
        <!-- END column --> 
    </div>
    <!-- END section --> 
</div><!-- /#wrapper -->

CSS类ID问题

2 个答案: