正在使用类似'正确'认为不好的做法？

Question

如果我有类的名称，如“左”，“右”，“清除”和XHTML像

<a href="index.php" class="right continueLink">Continue</a> 

使用CSS像

.right { 
float: right; 
} 

我知道这不是一个语义的名字，但它有时会让事情变得更容易。

无论如何，你有什么想法？

Answer 1

我不认为这是一个非常好的主意。现在，当你（或未来的维护者）去改变你的网站布局时，你必须改变.right到{float:left;}（显然是一个坏主意），或者浏览你所有的HTML文件并将right改为left。

为什么你想让那个特定的链接正确地浮动，而另一个.continueLink的不是？使用该问题的答案为该链接选择更具描述性的类名称。

Answer 2

为避免混淆，避免使用与CSS规范中的值相同的名称是明智的。特别是在多个开发人员使用同一个应用程序的情况下。

除此之外，我看到没有问题。我会限定这样的右侧或左侧名称：menuleft，menuright等

Answer 3

CSS是关于结构HTML页面的的表现。

意味着它的类应该代表文档的结构（'article'，'extra-links'，'词汇表'，'introduction'，'conclusion'，...）。

你应该避免链接到物理表示任何类（“左”，“右”，“脚注”，“图片的标题说明”，...），因为，作为Zen Garden如此清楚地说明，你可以决定以非常不同的方式放置任何div。

Answer 4

纯粹主义者会说不这样做，实用主义者会说它很好。但是纯粹主义者会将.right定义为float: left？

Answer 5

作为一个纯粹主义者，我说不要这样做。由于前面提到的原因。

作为一个实用主义者，我只是想说，我从来没有看到网站返工涉及到纯粹的html更改而没有css，或纯css没有html，仅仅是因为这两个部分都是在考虑其他部分的情况下开发的。所以，实际上，如果其他人需要更改页面，我敢打赌，我的薪水他们会改变html和css。

以上是纯粹主义者常常倾向忽视的东西，即使它是现实。但底线;不，请避免使用诸如“右”的className。 :-)

Answer 6

。权和其他类这样的，肯定使用户能够快速编写创建连接到它float:right规则标签，但我认为这种方法有弊多利少：

通常一类风格，在一个单一float:right;将会缺少一些东西，因为“a”标记不是块级元素，所以您的示例只会在其他类规则中包含display:block的情况下浮动。此外，浮动元素通常不需要具有附加高度的宽度。这意味着你的例子中的代码需要额外的代码来完成它所说的事情，而当你必须改变你的css时，你必须在两个地方搜索。

我倾向于通过将页面划分为具有唯一标识的不同div标签来设置我的html样式，然后通过像这样继承样式来设置这些div中的元素。

div#sidebar { float:right; width:200px; } 
div#sidebar ul { list-style-type:none; } 

这使得分区我的CSS文件，因此它很容易找到的CSS-代码风格特定标签，但如果你介绍.right和其他类你开始驱散规则进入css文件的不同区域，使得网站更难以维护。

我认为拥有一个非常通用的类的想法源于希望通过改变样式表中的一些规则来改变网站的整个布局，但我必须说，在我的8年的网站开发与30+，在我的腰带下的不同网站我一次也没有改变网站的布局，并重新使用HTML。

我做过无数次的事情是对页面区域进行小的调整，或者是由于设计的小改动或者是对新浏览器的引入。所以我都希望把我的CSS分成几块，这样可以很容易地找到我正在寻找的规则，而不是将代码放在不同的地方来实现更短的样式表。

问候 加斯帕豪格

Answer 7

呀，语义上讲是错误的，但是，例如，有些时候我的身体复制块内的图像定位时间，我给它们的类“权”。

也许“alt”是更合适的类名称。