質問: ### 前提・実現したいこと html,cssの練習中です。divタグにhea> 引用テキストder-listというclassをつけ、その中にリストを入れました。画面の横幅が1000px以下の時に表示が消える(display:none;)ようにしたいです。 ### 発生している問題・エラーメッセージ divタグにheader-listというclassをつけ、その中にリストを入れました。画面の横幅が1000px以下の時に表示が消えるようにしたかったのですがうまく消えませんでした。 ``` エラーメッセージ ``` ### 該当のソースコード ``` ソースコード ``` .header-list{ background-color:green;height:inherit;display:inline-block;float:right;width:31%; } .header-list ul{ display:table;height:inherit; } .header-list li{ list-style:none; font-size:13px; padding-top:30px; padding-right:5px; display:table-cell; height:inherit; font-style:italic; height:80px; } .header-list button{ border:none; background-color:white; } @media screen and(max-width:1000px){ .header-list{ display:none!important; } } ホストを始める ヘルプ 登録する ログイン ### 試したこと ネットで色々検索。 元の表示をnoneにし、@media screen and(min-width:1000px){ .header-list{display:block;} }のようにしてもうまく動作せず。 IDや!importantをつけても動作せず。 ### 補足情報(FW/ツールのバージョンなど) bootstrapが反映されるようになっています。 ここにより詳細な情報を記載してください。
回答: メディアクエリ仕様の例20に見られるように、andと式の間には空白が必要です。 和訳: