Q&A
過去質問に出ているような内容です。まず調べてみてください。
ドットインストールでCSSの基礎を終わらせた者です。
【質問】
footerとheaderにはCSSファイルで「.」がついていません。しかし他のセレクターを見ると、.worksというような「.」がついています。
→この「.」がつく違いをご教示お願いいたします。
【調べたキーワード＆URL】
.footer
https://teratail.com/search?q=.footer
3・4ページほど、URLのページを見たのですが、「.」については触れていないようでした。
もしかすると、理解できてなかったのかもしれませんが。
ではどうぞよろしくお願いいたします。
ざっと調べ、なさそうな感じだったので質問しました。失礼いたしました。
調べたかどうかは書かれないと誰にも伝わりません。
例え「調べたけど分からなかった」だけでも伝わりません。
調べたキーワードと参照した記事URLなどをセットで書いてようやく伝わります。
キーワードが悪ければどんなに探しても見つかりませんし、
そのまま答えを教えてもらうよりも「調べ方」を教えてもらった方が自己解決に繋がり、質問せずとも解決できるようになります。
あと、質問は何度でも編集できます。適宜調整してください。
なるほど。調べたキーワードもここに記載するといいのですね。ありがとうございます┏●
質問は何度でも編集できます
↑これも覚えておいてください。
なんなら今、質問内容に影響しないレベルで追記してみてはどうでしょう。
> 調べたキーワードもここに記載するといいのですね
「質問するときのヒント」は必読です。
https://teratail.com/help/question-tips#questionTips1-2
質問内容変えましたので、お手数ですが添削などよろしくお願いいたします┏●
解決後ですが、別途回答起こします。
回答3件
0
かなりキーワードの選定が悪いというのが感想です。
「そもそもfooterとはheaderとは」ということになります。
「footerとheaderにはCSSファイルで「.」がついていません」とのことですが、本来は「その状況が確認できるコード」を全て提示する必要があります。
そもそも「ヘッダー」「フッター」は作る側が勝手に作った概念なので、プログラム側は書かれた通りに処理をしているだけになります。意味を持たせるためにそういう名前のタグになっているだけで、レイアウトはCSSで組みますからね。
2つ例を挙げますが、どちらかで回答の方向性も違います。
html
11. 2<div class="header"></div> 3 42. 5<header></header>
「ついてない」ということから分かる人には2.であることが推測できます。
ここで1つ気になるのが「ドットインストールでCSSの基礎を終えた」ということです。
私はドットインストールを使ったことはないですが、
詳解CSS 基礎文法編のことだとして、何番まで終わりましたか？
中身見てませんが、タイトルからすると、「#17 クラスセレクターの基本をおさえよう 」までいけていればおそらく理解できていたのではないかと思われます。
「無料公開中のみ終えた」なら分かりませんが、
いずれにしても「タグ」「クラス」「ID」それぞれに対する指定の仕方は「基礎」と言えます。
なので、「まだ基礎を終えてない」と思って良いように感じました。
また、プログラミングにおいて調べるときに記号ってつきものです。
それだけ特殊な意味を持つからですね。
特殊な意味を持つからこそ、記号そのものを検索条件に含めるとちゃんとひっかけてくれないことが多くあります。
「?」は「ハテナ」とし「.」は「ドット」などと、「読み」を検索条件に含めましょう。検索のコツですね。
そして言語名は必ず入れること。
また調べる方向性としては「footerにドットがついてない理由」よりも「ドットがつくのはどういうときか」にしましょう。
「プログラムは書いた通り動く」ので、否定的な表現で仕様が出てくることってありません。
と言う観点で過去質問を探すと、こうです。
Google検索[CSS ドット 条件]
teratail検索 [CSS ドット] の検索結果： 344件
→から探すとこんな質問がありました。
cssのタグの前に、ドット（.）を付けるものと付けないものの違い。
cssについて(#とか.とか)。
atomというソフトエディタを使用しています。しかしCSSが反映されませんどうしてでしょうか？誰かわかる人教えてください。
質問するときのヒントにあるように調べ方のコツを知っていることも今後プログラミングをしていくうえで重用な能力の1つです。
キーワードをなるべく肯定的な書き方に、工夫してみてください。
質問せずとも解決する機会が一気に減ると思います。
※エラーなどは否定的ワードのほうが良い時もある
投稿2020/04/23 14:04
編集2020/04/23 22:26総合スコア80852
ご丁寧にありがとうございます。承知いたしました。
このもらった内容を熟知していき、今後のプログラミング活動に役立てていきたいと思います。
肯定的な内容で検索すると、めちゃくちゃヒットするんですね！
熟知と言うか、考え方部分を参考にしてください。
>肯定的な内容で検索すると、めちゃくちゃヒットするんですね！
はい。なぜかというと、ネットで記事を書く人って結局は成功談を書きます。
なので「～ができない」という内容にはならず、「こういうことができた」という内容になってきます。試行錯誤してるときって、大抵は調べたり試したりすることに夢中で、途中に何をやったかというのは殆ど残してません。
で、成功したところで「成功の手順」だけ残します。
途中の失敗談はほとんど消えます（一部「これは残しておきたい」というのがあれば残すかもしれませんが、「ちなみにこれはやってはいけません」程度になるでしょうね）
もちろん１つ１つ残しておくのがもっとも良いです。
Aを試したらこうなって、Bを試したらこうなって と。作業ログですね。
これは私が１０年ほど前に先輩エンジニアから教わった探し方のコツです。
コツを教えてくださりありがとうございます…！
まずはこの考え方を真似して、成長し、サイトが作れるくらいになったら色々と試行錯誤してみます！
そうしたらメモ帳とかにログを残しておくのもいいですよね。
見やすさ重視ならExcelかWordですね。
後から見返すことが前提なら尚更です。
技術情報共有としてQiitaなどに記事を投稿すると役に立つ人もいるかもしれません。
Wordで残しておきます┏●
0
ドットがつかないのはタグ名（divなど）。つくのはクラス名。
投稿2020/04/23 11:51
総合スコア757
0
ベストアンサー
footerとheaderにはCSSファイルで「.」がついていません。
それはタイプセレクタで、<footer>や<header>にかかるものです。
投稿2020/04/23 11:50
総合スコア145192
あなたの回答
tips
プレビュー
