No.1ベストアンサー
- 回答日時:
>例えば#mainというidを持ったdiv要素を除いた全てのdiv要素を指定するなど。
全てのdivを対象に設定をして、#mainに別の設定をするのではまずいのですか?
No.3
- 回答日時:
>cssで特定のidやclassを持った要素を指定することは常識ですが
>本来は共通のクラスを割り当てるのが正しいやり方だと思いますが
そもそも、これが根本的な間違いです。
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
idやclassは、HTMLに文書構造を表す適当な要素がない時の最後の手段として、idやclass名をつけてその要素(ブロック要素、またはインライン要素)の文書構造を示すための物です。スタイルシートのためにつける物ではありません。
HTML4.01strict
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
HTML5
『div 要素を、他に適切な要素がないときなど、最後の手段の要素として見なすことが、強く推奨されます。( http://www.html5.jp/tag/elements/div.html )』
★HTMLは、デザインのためではなく【文書構造】をマークアップする物です。
★スタイルシートはその文書構造に基づいて、プレゼンテーションを指定していく物です。
スタイルシートを学ぶには、まず
・正しいHTMLの作成方法
・セレクタ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
・値の割り当て、カスケード処理、継承( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
を身につけることが必須です。
例
タイプセレクタ(HTMLの要素)
p{color:red;}/* 詳細度[0,0,0,1]*/
クラスセレクタ
p.memo{color:black;} /* 詳細度[0,0,1,1]*/
class属性の値のリストにmemoを持つもの
隣接セレクタ
p.memo + p{margin-top:2em;}/* 詳細度[0,0,1,2]*/
p.memo の次にp要素があるときは・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS display: flex; と flex の違い 1 2022/04/25 20:52
- PHP ランキングを表示する際の画像の大きさを固定することは可能でしょうか? <?php if ( has_ 1 2022/07/21 14:55
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript 指定したパスが現URLに含まれていたら特定要素を削除するJavascriptのコードを教えてください 2 2023/04/27 17:58
- Visual Basic(VBA) Selenium Basicの件 5 2023/04/10 20:55
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
smallにtext-allignが効かない
-
NからZへの全単射を具体的に構...
-
emとstrongの反対
-
親要素・子要素
-
【ヒトの神秘】美男美女から何...
-
imgタグをそのまま使うことは正...
-
含む含まないという概念自体の...
-
CSSのセレクタに指定するbodyと...
-
input type="hidden"で取得した...
-
HTMLで <p>~</p>内で2回以...
-
html タグの閉じスラッシュ前の...
-
CSSでjavascriptが中央寄せにな...
-
aの中にspan
-
質問1.
-
タグは大文字と小文字どちらが...
-
textareaの幅を画面と合わせたい
-
figcaption要素の中にul要素
-
vb/vb.net XMLの大量データの作...
-
CSSセレクタの子孫要素について...
-
初歩的な質問です。<div>のwidt...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
質問1.
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
改行ほどは行かないけど、若干...
-
マージソートの計算量について-...
-
親要素・子要素
-
border: noneでボタンの境界線...
-
C言語 並び替え(配列)について
-
tdに対してmin-heightの定義、...
-
HTMLでTextareaを横に2つ並べ...
-
テキストボックスの中にリンク...
-
CSSで改行後の行間調整
-
H1タグを画像にしたい
-
ある要素の中身を全部グレーア...
おすすめ情報