0

外部スタイルよりもインライン スタイルを使用することについて議論したくはありませんが、インライン スタイルを使用できる特定の状況についてのアイデアを知りたいだけです。

たとえば、幅が異なるが常に同じ境界線の色、太さ、パディングを使用する 10 種類のテーブルがあります。私が現在考えているのは、テーブルの境界線とパディングを制御するグローバル CSS クラスを宣言し、インライン スタイルを使用してテーブルの幅を指定する必要があるということです。

例 <table class="default" style="width: 320px;">

私のアプローチは適用可能ですか？

4

4 に答える 4

0

これは問題にすぎません。ほとんどの場合、一度行ったことがあれば、もう一度やりたいと思うからです。そして今、あなたは2つの同一styleの特性を持っています。そして、まあ、それらは両方とも赤枠である必要があります。ああ、そして私はどこかにこれらのテーブルの3番目のものが必要です。そして、待ってください、彼らは少し痩せているはずです...

一方、1回限りのクラスを使用した場合は、次のテーブルでそれを叩くことができます。または、10個のテーブルすべてを比較して、1か所から微調整することもできます。

原則に違反することの問題は、原則がしばしば苦労して得られるということです。:)

于 2013-01-17T08:01:35.200 に答える
0

はい、グローバル CSS クラスを宣言し、これをすべてのテーブルで使用できます。すべてのテーブルで機能します。

于 2013-01-17T07:35:22.703 に答える
0

ここで何かを誤解していると思います。これを取る場合：

<table class = "default" style = "width: 320px;">

次に、これはclass を持つすべての s には適用されません。属性を持つこの特定の要素にのみ適用されます。width: 320px;tabledefaultstyle

<link>外部ファイルを使用せずにそのような CSS を指定したい場合は、CSS を<style>タグ内に埋め込むことができます。

.default { //or table, or whatever your selector is
    width: 320px;
}

default異なるのクラスで特定のテーブルのスタイルを設定する場合はwidth、別のクラス ( class = "default width320") を指定して、次のようにします。

.default.width320 { //selects element with BOTH default and width320 classes
    width: 320px;
}

CSS セレクターの詳細についてはこちらを、セレクターの特異性についてはこちらをお読みください。

編集:その特定のテーブルのみをスタイルしたい場合、アプローチは比較的細かいです。ただし、クラスを使用し、スタイルを 1 か所 (.cssファイル定義であろうとインライン定義であろうと) にマージすることをお勧めします。これは、分散した属性定義<style>よりもはるかに保守しやすく、整頓されています。style

編集 2:属性を使用することは絶対に正しいです。styleそれは個人的な選択の問題です。これが保守性の問題を引き起こさないと確信している場合 ( 'Hey, why is my table 320 pixels wide? I don't see anything in my CSS file that does that')、それを実行してください。それがstyle属性の目的です。

于 2013-01-17T07:35:41.877 に答える
0

あなたの場合、それは正しいアプローチだと思います。外部クラス「デフォルト」を正しく使用しているため、すべてのテーブルでそれを使用し、特定の要素とインラインで異なる幅を指定します。

于 2013-01-17T07:37:00.580 に答える