Html 不同的CSS样式

我相信一定有更多的样式来写CSS，我想知道它们是什么。是否已经有一篇文章列出了所有的风格

---

谢谢

好的。我不知道是否有任何文章讨论这一点。 但对我来说，样式1在可读性和调试方面更好

---

只要我的2美分就行了。我不知道是否有任何文章讨论这一点。 但对我来说，样式1在可读性和调试方面更好

---

就我的2美分

以下是一个很好的列表和讨论：

---

以下是一个很好的列表和讨论：

---

我的答案会比你想要的更多，因为我看到了一个长达60K的css文件，其中大部分由类和ID覆盖了其他类组成，因为没有人知道css是如何工作的。他们只是不断地添加东西，直到得到他们想要的结果

/* Style 1 */
.myclass {
 background:#ff0;
 border:1px solid #ff0
}
#myid {
 width:80px;
 height:80px;
}

/* Style 2 */
.myclass     { background:#ff0; border:1px solid #ff0 }
#myid        { width:80px; height:80px; }

重复以上步骤，中间留有空格

现在是重要的事情

注释是选择器的特殊性

文件中的内容应该从最不特定到最特定

在匹配的特性中，它应该按字母顺序排列

每个定义不应该有超过一个选择器-即使您可以将 它们都在同一个选择器中。这样你以后就可以找到它们了。你的特殊性呢 不会搞砸的。希望你使用的是一个压缩机，可以处理这个问题 没错

类和ID应该特别命名，以在某种程度上匹配它们所在的位置 你的系统。换句话说，www.example.com上的课程可以称为

。表

。如果您需要一个新的table类，请访问www.example.com/foo/。。。应该是 命名为类似于

.foo table

的名称，应该应用于事物并被其使用
在它下面

所有css都应该与html文档和对html文档的所有修改位于不同的文件中 css最好通过更改/添加类来完成，而不是通过更改特定类来完成 元素级别的样式属性

---

我是我所知道的唯一一个这样做的人，但从那以后，所有使用过它的人都说，“该死，这让我很容易找到我的CSS错误！”

我的答案将超出你的想象，因为我看到了一个长达60K的CSS文件，其中大部分由类和ID覆盖了其他类组成——因为没有人知道CSS是如何工作的。他们只是不断地添加东西，直到得到他们想要的结果

/* Style 1 */
.myclass {
 background:#ff0;
 border:1px solid #ff0
}
#myid {
 width:80px;
 height:80px;
}

/* Style 2 */
.myclass     { background:#ff0; border:1px solid #ff0 }
#myid        { width:80px; height:80px; }

重复以上步骤，中间留有空格

现在是重要的事情

注释是选择器的特殊性

文件中的内容应该从最不特定到最特定

在匹配的特性中，它应该按字母顺序排列

每个定义不应该有超过一个选择器-即使您可以将 它们都在同一个选择器中。这样你以后就可以找到它们了。你的特殊性呢 不会搞砸的。希望你使用的是一个压缩机，可以处理这个问题 没错

类和ID应该特别命名，以在某种程度上匹配它们所在的位置 你的系统。换句话说，www.example.com上的课程可以称为

。表

。如果您需要一个新的table类，请访问www.example.com/foo/。。。应该是 命名为类似于

.foo table

的名称，应该应用于事物并被其使用
在它下面

所有css都应该与html文档和对html文档的所有修改位于不同的文件中 css最好通过更改/添加类来完成，而不是通过更改特定类来完成 元素级别的样式属性

---

我知道我是唯一一个这样做的人，但从那以后所有使用过它的人都说：“该死，这让我很容易找到CSS错误！”

为什么这很重要？使用你喜欢的风格，任何对你有意义的。谁在乎别人是怎么做的，这有什么关系？使用你喜欢的风格，任何对你有意义的。谁在乎别人是怎么做的呢。我也是，但如果你有一个非常庞大的样式表可以使用的话就不在乎了。：）@Nimbuz：你通常通过将一个巨大的样式表拆分成单独的、更相关的样式表来解决这个问题，而不是通过改变你的写作风格。我知道，但是“分离”样式表本身是巨大的，而且它也相当优化。我也是，但如果你有一个真正巨大的样式表可以使用，就不会这样做。：）@Nimbuz：你通常通过将一个巨大的样式表拆分成单独的、更相关的样式表来解决这个问题，而不是通过改变你的写作风格。我知道，但是“分离”样式表本身是巨大的，而且它也相当优化。公平地说，它是由不同的公司继承和重新继承的代码，这些公司刚刚获得了所有可能与手头的小应用程序相关的css。许多完整的章节被一次又一次地复制。。。。但是没有人注意到。。所以它只是在增长。最后，每家公司都增加了自己的产品。耶！公平地说，这是由不同的公司继承和重新继承的代码，这些公司刚刚获得了所有可能与手头的小应用程序相关的css。许多完整的章节被一次又一次地复制。。。。但是没有人注意到。。所以它只是在增长。最后，每家公司都增加了自己的产品。耶！