Q&A
（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
atom 1.28.1です。
不束者ですがよろしくお願いします。
<HTML上>
<div id="nav"> <ul> <li>HOME</li> <li>HTML</li> <li>CSS</li> </ul> </div><CSS上>
/* ↓id="nav"の中のulに対してCSSを適用*/
＃nav ul {
list-style-type: none; /箇条書きのポッチを消す/
text-align:center /左右中央寄せは親要素に対して指定/
}
<ブラウザ上>
cssの設定がブラウザ上に反映されません。
なぜ反映されないかわかりません。他の部分は以下のようにできています。
<HTML上>
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>CSSの練習</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <div class="box1"> <div class="box2"> Box2 </div> </div> <div class="box3"> Box3 </div> <div id="nav"> <ul> <li>HOME</li> <li>HTML</li> <li>CSS</li> </ul> </div> </body> </html><CSS上>
.box1{
background-color: orange;
width: 200px;
height: 200px;
}
.box2{
background-color: skyblue;
width: 50%;
height: 50%;
}
.box3{
background-color: tomato;
}
/* p {display: block; /
background: skyblue;
color:white;
height: 40px;
width: 70px;
/ text-align: center; */
overflow: scroll;
}
ul{
list-style-type: none; /箇条書きのポッチを消す/
text-align:center /左右中央寄せは親要素に対して指定/
}
ご指摘ありがとうございます。コードを選択して「<code>」ボタンを押したのですが、うまく出来ているでしょうか？
こちらの環境では変更／修正が確認できませんでした。すみませんが、もう一度確認してもらえませんか？最近teratailで修正が保存されない事がたまにあるようなので･･･。
すいません。言語を記入していなかったので、変更/修正が出来ていませんでした。問題については、maisumakunさんの回答で解決出来ました。Kei334さんは質問する時のルールを教えていただき感謝しています。ありがとうございました。
ここは「質問への追記・修正の依頼」です。解決済にしても本文を編集することが出来ますので、よろしくお願いします。
回答1件
0
ベストアンサー
CSSの指定に使う#は、半角のものを使用してください。
投稿2018/07/22 05:13
総合スコア145183
おかげ様で反映されました。
ありがとうございました！
あなたの回答
tips
プレビュー
