![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
先日ウェブデザイン技能検定三級を受けたのですが、公式の解答では答えが②となっているのですがその理由がわかりません。わかる方答えていただけないでしょうか。
Q.次のHTMLのリンク部分の表示についての適切な説明はどれか。以下より1つ選択しなさい。
HTML
-----------------------------------------------------------------------
<! DOCTYPE html>
<html lang="ja">
< head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
‹style >
body {
background-color: #FFF;
}
h1{
color: rgb (255, 0, 0);
text-decoration: none;
}
a {color: rgb(0, 255, 0);
}
</style>
</head>
< body>
<h1> <a href="index.html">ウェブデザイン技能検定</a>
</h1>
</body>
</html>
-----------------------------------------------------------------------
①文字色は赤色で下線が引かれる。
②文字色は緑色で下線が引かれる。
③文字色は赤色で下線は引かれない。
④文字色は緑色で下線は引かれない。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
CSS ルールが採用されるかの判定アルゴリズムは、
ウェブデザイン技能の基本なのでしっかり覚えましょう。
> 文字色は緑色
対象要素を直接指定するセレクタのルールは、
継承されたルールよりも優先されるので、
リンク部分を直接指定するセレクタ "a" のルールが採用される。
参考)
https://developer.mozilla.org/ja/docs/Web/CSS/Sp …
> 下線が引かれる
非継承プロパティは、指定値がないと要素の初期値になる。
意外なことに text-decoration は継承されないプロパティなので、
セレクタ "h1" のルールは無視されて、
ブラウザが設定した a のルール初期値が採用される。
大抵のブラウザで a のルール初期値は下線と思われる。
参考)
https://developer.mozilla.org/ja/docs/Web/CSS/in …
https://developer.mozilla.org/ja/docs/Web/CSS/te …
No.2
- 回答日時:
こんにちは
解説はすでに回答が出ているので、省略しますけれど・・
実際に試してみて、ブラウザの開発ツール(=F12キー)を利用すれば、どの要素にどのようなCSSが適用されているかを確認することができます。
ソースを変えてみることで、どのような関係で影響するのかを確認することもできますので、理解するのに役立つと思います。
・・とは言え、ご提示のソースをそのまま表示してみると、回答の選択肢にはない「デフォルトの表示」(=青色の下線付き表示)になります。
回答を考える前に、正しくマークアップすることを学びましょう。
例えば、以下のサイトでご提示のソースをチェックしてみると、20個のエラーが表示され、そのうち重要なものが11個も発生します。
http://openlab.ring.gr.jp/k16/htmllint/htmllintl …
完璧は必要ないまでも、致命的なエラーは出ない程度にはしましょう。
No.1
- 回答日時:
私は検定を受けたことないですが、
見る感じだと、
基本は、h1は赤色で下線が引かれない設定だけど、a要素には、g255(緑色)が指定されてdecorationの指定はないからデフォルトで下線が引かれる。
なので下の方にあるh1内の中に他の文字があって、その一部にa要素があれば、基本は赤文字の下線なしで、リンク部分だけの色が緑色と下線に変わる設定。
今回は、h1内にはa要素しかないから結果的にaの時の指定の緑色文字にデフォルトの下線が付くのかと思います。
ちょっとした引っ掛けですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLですCSSです 画像のように作りたいのですが 以下のようにあってますか?間違ってる感じがしま 3 2023/12/24 16:15
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- JavaScript javascriptのエラーで質問です。 2 2024/02/03 18:52
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- HTML・CSS HTMLですCSSです この画像のように 文字を打ち込みたいのですが、 下の3この四角にを画像のよ 3 2023/12/25 16:07
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教えるわが家の防犯対策術!
ホームセキュリティのプロが、家庭の防犯対策を真剣に考える 2組のご夫婦へ実際の防犯対策術をご紹介!どうすれば家と家族を守れるのかを教えます!
-
40代後半でゼロからのプログラム業界への転職
その他(プログラミング・Web制作)
-
AIの登場でプログラマーたちが解雇されていますが
その他(プログラミング・Web制作)
-
Windowsのアプリ開発ってなんのためにするんですか? Excelで入力、更新、表示、検索、削除、
その他(プログラミング・Web制作)
-
-
4
どちのほうがすきですか?
C言語・C++・C#
-
5
過剰なオブジェクト指向脳からの脱却について
その他(プログラミング・Web制作)
-
6
入力された文字列が、LD22000を、出来る限り正確に判断する正規表現を教えてください。 Paiza
その他(プログラミング・Web制作)
-
7
プログラミングの課題がわからないので教えていただきたいです。特にサークル関数を定義した後に呼び出す方
C言語・C++・C#
-
8
なんで
C言語・C++・C#
-
9
htmlソース編集で、各タグを何かアイコン表示一覧クリック一つで自動で生成してくれるソフト?
HTML・CSS
-
10
だれがとけるの?
C言語・C++・C#
-
11
かっこいいウェブを作るテク
HTML・CSS
-
12
これなにがちがうんですか??
C言語・C++・C#
-
13
HTMLで作った時報アプリが動きません
JavaScript
-
14
システムエンジニアの適正について
C言語・C++・C#
-
15
コードを書いて下さい( ; ; )写真有り
HTML・CSS
-
16
単語を少し変えると1位になるのだけど、6位くらいになります。
SEO
-
17
テーブルのセルデータを自動改行させずに、はみ出た部分は切り捨てたい
HTML・CSS
-
18
goo は、放置?
HTML・CSS
-
19
CSSデータの作成方法について(FTP内)
HTML・CSS
-
20
応用情報技術者試験の令和元年秋、午後のプログラムの問題がわからないです。
C言語・C++・C#
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
POSTしたデータの文字コードがu...
-
iframe内の表示を常に最新にしたい
-
<!DOCTYPE html>あってますか?↑
-
html で 変数を定義できますか?
-
WEBページがIEだけ文字化けして...
-
指定した演算を実施の結果を表...
-
Tomcat-ApacheでHTMLを表示させ...
-
自分のホームページが検索でひ...
-
コーディング 文字化けします
-
日本語が下記のように文字化け...
-
borderでa:hover下線表示させる...
-
safariにcssが反映されなくて困...
-
Duolingo のソースコードの名前...
-
css ,videotタグ。ホームページ...
-
HTMLで画像を上下中央に表示したい
-
カラーラインの中に文字
-
ページを開いたときにファイル...
-
縦書きタグについて。
-
<script>タグを使わずにFLASHを...
-
OGプロトコル、イメージを設定...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?↑
-
<!DOCTYPE html>あってますか?...
-
先日ウェブデザイン技能検定三...
-
css ,videotタグ。ホームページ...
-
指定した演算を実施の結果を表...
-
POSTしたデータの文字コードがu...
-
body内にmetaタグを記述は問題...
-
Duolingo のソースコードの名前...
-
HTMLファイルのインクルードで...
-
文字化けを故意に表示したい
-
iframe内の表示を常に最新にしたい
-
根号の書き方について
-
HTMLソースにない文字がブラウ...
-
safariだけcssが反映されない
-
WEBページがIEだけ文字化けして...
-
FFFTPでの文字化け
-
ページ全体を中央に配置したい...
-
Aタグのmailtoでメッセージ作成...
-
HTML上に貼り付けたPDFが表示さ...
おすすめ情報