3

同僚がこれを私たちのプロジェクトに追加しました。

<ol class="numbered-list list-inside" start="1">

.numbered-list
{
    list-style-type: decimal;
}
.list-inside
{
    list-style-position: inside;
}

ここに何かが欠けていますか、それともインライン CSS と同じくらい悪いですか? このことを同僚にどのように説明すればよいでしょうか?

編集おそらく私の質問は誤解されています。代わりにこのようなものであるべきではありませんか？

<ol class="info-list" start="1">

.info-list
{
    list-style-type: decimal;
    list-style-position: inside;
}

私が言おうとしているのは、クラス名は適用されるルールを表すだけだということです。したがって、リストの表現を変更したい場合は、HTML を変更する必要があります (または CSS を変更して、含まれる規則とは逆のクラス名になるようにします)。

別の編集おそらく、これは私の質問を理解するのにさらに役立ちます。

<p class="red">Hello</p>

.red
{
    color: red;
}

ここで、テキストを緑色に変更します。問題を参照してください。

4

2 に答える 2

1

これらのクラスがプロジェクトの残りの部分で別々に使用されている場合、これは問題ありません。これらのスタイルを分離する必要がない場合、そのようなソリューションは不要になる可能性があります。異なる目的で使用する場合、1 つの要素に複数のクラスを追加することがよくあります。

于 2013-01-09T14:20:53.943 に答える
0

このスタイルに関する私の疑問を裏付ける記事があります。最も関連性の高い例は次のとおりです。

<div class="hyphenate"></div>

無意味。コンテンツが実際に何であるかを説明するのではなく、内部のコンテンツの動作を指定しようとしています。

于 2013-01-09T17:54:22.747 に答える