![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
div.a{}
が正式な書き方。
半角スペースは、子孫セレクタですよ。
いくつか、口をはさみたい・・
divは、HTML4の時代もそうでしたが、HTML5では基本使いません。!!
ここを説明していない「屑」な本やサイトが多い。
div要素は、HTML4.01の時代は
「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加する( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」でした。
すなわちナビゲーションのブロックでしたら
<div class="navigation">
<ul>
ですね。意味のないclass="a"なんてしてはならない。
HTML5では、
NOTE:Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable. Use of more appropriate elements instead of the div element leads to better accessibility for readers and easier maintainability for authors.( https://www.w3.org/TR/html5/grouping-content.htm … )
注意:著者は他に適切な要素がない時の最後最後の手段として、divを使うことが強く推奨される。他のより適切な要素を使うことは、ユーザーにはより良いカーアクセス性を、著者にはメンテナンスが容易になる。
すなわち、HTML4では、<div class="navigation">とせざるを得なかったものが、<nav>と書けということ
<nav>
<ul>
<li>
だね。
そして、スタイルシートですが、
color: black;
background-color: green;
こんなことより先に、絶対に身につけないとならないのは
4 構文と基本データ型
5 セレクタ
6 プロパティ値とカスケーディング、継承の割り当て
( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
ですよ。
半角スペースもCSSでは重要な意味がある。
No.2
- 回答日時:
誤: 〈div class="a"〉
正: <div class="a">
HTML要素は U+003C "<" と U+003E ">" で囲ってください
クラス名 a を持つ要素 <div>
の子孫である要素 <ul>
の背景色を変更する場合
div.a ul { color: black; background-color: green; }
CSS のブロックは U+007B "{" と U+007D "}" で囲ってください
CSS のセレクタにおいて、空白は子孫セレクタを意味します
https://developer.mozilla.org/ja/docs/Web/CSS/De …
以下の二つはまったくの別物になるので注意しましょう
div.a {}
div .a {}
余談ではありますが、
プログラミングにおいて記号はとても重要なので、誤字脱字のないように気をつけましょう。
https://www.google.co.jp/search?q=mariner+1
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- その他(IT・Webサービス) html cssについて 3 2023/05/13 12:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSに同じclass名がいっぱい‥。...
-
idの中のid指定
-
CSSが効かずどのように指定すれ...
-
HTML要素のid/class名の長さに...
-
ページの左右の余白(枠外)に...
-
dreamweaverのコード画面で波線。
-
inputタグのテキストBOXだけ右...
-
最近、HTMLのヘッダーをIDで定...
-
スタイルシートで、id属性の中...
-
サイトにjQueryが使用されてい...
-
liリストタグの背景色に色がつ...
-
divの入れ子を多用してページを...
-
全称セレクタでPADDING:0を指定...
-
<span>で2重にかけているものを...
-
1ページ内で2種類のリンク文字...
-
CSSを使うと<IMG>タグのHSPACE...
-
CSSで下まで背景色を伸ばす方法
-
htmlの文字が縦書きになる
-
「シンプルイズベスト」と言い...
-
【ヒトの神秘】美男美女から何...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSのクラス名・ID名の指定でワ...
-
CSSに同じclass名がいっぱい‥。...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
liリストタグの背景色に色がつ...
-
HTML要素のid/class名の長さに...
-
brにクラスをつけてcssでdispla...
-
透過背景を解除するにはどうす...
-
htmlのid属性って必要なの?
-
フロートのクリアについて
-
ページの左右の余白(枠外)に...
-
サイトにjQueryが使用されてい...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートでデザイン
-
外部css定義したclassをht...
-
Bootstrap3でcontainerがずれる...
-
CSSで、DIV#hogeという記述は何...
-
スタイルシートで、id属性の中...
-
一部のリンクの下線を消す
おすすめ情報