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

2023年2月3日 180次阅读

我是这个网站上的新手,我甚至不知道我是否在正确的部分发布,但我们就去了.

我正在编写一个带有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> div>导航？

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

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

点赞