0

私はいくつかの例を扱ってきましたが、ある特定の要素でスタイルを設定したり、id を付けてそれを介して設定したりすることには、(もしあれば) どんな利点があるのでしょうか? たとえば、次のテーブルがあるとします。

<table>
    <tbody>
        <tr class="cat1">
            <th scope='row'><span id='s'>Table Data</span></th>
            <td class='tdh'>Table Data</td> 
        </tr>
        <tr class="cat2">
            <th scope='row'><span id='s2'>Table Data</span></th>
            <td class='tdh'>Table Data</td> 
        </tr>
    </tbody>
</table>

そして、表のある場所で要素を取得できる span 要素のスタイルを設定したかったのです。

table tr.cat1 span {
  some css;
}

またはIDで：

#s {
  some css;
}

これらが実際に機能する方法に大きな違いはありますか? 前者を使用している人々の多くの例を見つけましたが、id を使用する方がはるかに簡単で、エラーの許容範囲が小さいことがわかりました。これには特定の理由がありますか？それとも本当に個人の好みによるものですか？

4

2 に答える 2

1

使用するように定義されている方法で、HTML属性を使用する方が多くなります。

ID は、ドキュメント/ページ上の要素の一意の識別子であることを意図しています。したがって、ID は通常、「メイン ナビゲーション」、「フッター ラッパー」、「左サイドバー」などです。

クラスは、要素を記述するための属性であることを意図しており、組み合わせて使用​​することもできます。例は次のとおりです。このテキストは 2 倍のスペースとグレーの中央揃えです。

簡単に言うと、ID を使用して識別し、クラスを使用して記述し、それに応じてスタイルを作成します。

于 2012-07-14T02:30:08.557 に答える
0

IDによるスタイリングは絶対に避けたいというIMOの意見ですが、私はNicole Sullivanが擁護しているOOCSSの方法にも同意しています. 基本的には、ID の対象となるスタイルは再利用できないということです。これは通常、手に負えなくなり始め、複数の場所でまったく同じスタイル宣言が発生するだけでなく、特定性チェーンをオーバーライドする必要がある場合にハイジャックします。特定のケース。この記事とそのwikiページは、私がここで概説するよりもはるかに優れた方法でそれを説明しています.

于 2012-07-14T02:17:05.693 に答える