Question

我是这个网站的新手，我甚至不知道我是否在正确的部分发帖，但我们就去了。

我正在编写一个带有CSS的简单HTML文件，在HTML中，我有一段代码如下：

<ul id="thing_list">

    <li>
        <div>
            <header>
                <h2>Name of the thing</h2>
                <p>Some thing here</p>
            </header>
            <nav>
                <ul id="actions">
                    <li>Edit</li>
                    <li>Move</li>
                    <li>Delete</li>
                </ul>
            <nav>
        </div>
    </li>

这个CSS就像：

#thing_list li > div > nav li {
    list-style-type: none;
    display: inline;
    vertical-align: bottom;
}

#actions li {
    position: absolute;
    bottom: 0;
}

所以，问题是，哪种方式更适合我来命名？最好为所有内容定义ID / Class或定义一些ID / Class并使用#thing_list li＆gt; div>导航？

我不确定你们是否能理解，英语不是我的主要语言，所以请耐心等待。

Answer 1

CSS类和CSS ID之间的最大区别是CSS类名可以多次使用，而CSS ID只使用一次。 CSS ID用于将CSS样式应用于元素，并且仅用于由CSS ID标识的元素。 CSS类应该用于您知道将要使用很多的项目。例如，使用常见的CSS类名称，您可以为网页上的所有表格提供相同的样式。建议不要使用#thing_list li > div > nav li，因为它需要额外的时间来处理。希望它有用！

Answer 2

首先，使用正确的HTML（您最好为我们的dl/dt/dd示例）。

请参阅css is＆＃34; Cascading＆＃34;，因此需要覆盖不断增长的特定样式。根据您的具体选择。

注意： ID由于url-anchor而在文档中应该是唯一的。

如果你说：每个输入字段必须是蓝色，但是salment必须是红色，你可以这样写：

 <label>Name: <input></label>
 <label>Saluation: <input class="sal" ></label>

 <style>
 input{
     background-color:blue;
 }
 input.sal{ 
     background-color:red;
 }
 </style>

在此示例中，您可以更自由地更加特定于第二个输入。也许你将来需要自由。

所以例外应始终比将军更具体。

CSS / HTML中的命名和调用元素

2 个答案: