我是这个网站的新手,我甚至不知道我是否在正确的部分发帖,但我们就去了。
我正在编写一个带有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>导航?
我不确定你们是否能理解,英语不是我的主要语言,所以请耐心等待。
答案 0 :(得分:2)
CSS类和CSS ID之间的最大区别是CSS类名可以多次使用,而CSS ID只使用一次。 CSS ID用于将CSS样式应用于元素,并且仅用于由CSS ID标识的元素。 CSS类应该用于您知道将要使用很多的项目。例如,使用常见的CSS类名称,您可以为网页上的所有表格提供相同的样式。建议不要使用#thing_list li > div > nav li
,因为它需要额外的时间来处理。希望它有用!
答案 1 :(得分:0)
首先,使用正确的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>
在此示例中,您可以更自由地更加特定于第二个输入。也许你将来需要自由。
所以例外应始终比将军更具体。