![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
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ランキング
-
HTML要素のid/class名の長さに...
-
個別にリンクの色を変える方法
-
CSSに同じclass名がいっぱい‥。...
-
最近、HTMLのヘッダーをIDで定...
-
brにクラスをつけてcssでdispla...
-
dreamweaverのコード画面で波線。
-
セルの高さが変化しない(ワー...
-
CSSのタグ「#warpper」の意...
-
Bootstrap3でcontainerがずれる...
-
classとidの名前の付け方
-
ページの左右の余白(枠外)に...
-
CSSの文
-
CSSが効かずどのように指定すれ...
-
透過背景を解除するにはどうす...
-
htmlのid属性って必要なの?
-
印刷用CSS IEのとき、画像が印...
-
CSSの適用を一部だけ除外したい。
-
CSSでID指定の親子を重ねる理由
-
HTMLのタグの属性に、普通使わ...
-
style属性を使って擬似クラスを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSに同じclass名がいっぱい‥。...
-
HTML要素のid/class名の長さに...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
サイトにjQueryが使用されてい...
-
liリストタグの背景色に色がつ...
-
CSSのホバーエフェクト
-
ページの左右の余白(枠外)に...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートで、id属性の中...
-
htmlのid属性って必要なの?
-
透過背景を解除するにはどうす...
-
外部css定義したclassをht...
-
<span>で2重にかけているものを...
-
CSSのクラス名・ID名の指定でワ...
-
子孫セレクタの読み方をおしえ...
-
Bootstrap3でcontainerがずれる...
-
CSSが効かずどのように指定すれ...
-
brにクラスをつけてcssでdispla...
おすすめ情報