以下のHTMLコードにおいて、 #headerList
にCSSを効かせようとしても一部効きません。
具体的には、 #headerList
内のcolor
やfont-size
などは効くのですが、display:inline-block
やlist-style-type: none;
が効きません。
どうすれば効くようになるでしょうか?
<!DOCTYPE html> <html> <meta charset="utf-8" /> <title>ユーザーリスト</title> <head> <link rel="stylesheet" href="home.css" /> </head> <body> <header> <section id="headerList"> <ul> <li>ホーム</li> <li>サービス概要</li> <li>マイリスト</li> <li>マイページ</li> <li>お問い合わせ</li> </ul> </section> </header> <footer> </footer> </body> </html>
body { padding: 0; margin: 0; font-family: "Avenir Next"; } #headerList { display: inline-block; list-style-type: none; color: red; }
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。