3

モバイルで表示しているときに、ナビゲーションの背景色を黒に変更しようとしています。次に、テキストが見えるように「メニュー」テキストを白に変更したいと思います。助けてくれてありがとう。これを対象とする適切な CSS セレクターが見つかりません。

www.jobspark.ca

** * *更新* ** * ** * ** * ***

@media all and (max-width: 640px) {
.top-nav {
 background: #000 !important;
 color: #fff !important;
 } 
}
4

4 に答える 4

0

これが私がそれを解決した方法です：

@media (max-width: 640px) {
    .mobile-nav .show-nav {
        display: block;
        padding: 1em 40px;
        color: #fff;
        background: #000; 
        cursor: pointer;
        border-bottom: 1px solid #000;
    }
}
于 2013-05-10T16:13:29.370 に答える
0

最初の問題は、ページに のクラスを持つ要素がないことです.top-nav。あなたは意味するかもしれません.nav。ただし、背景色以外にも多くの問題があります。小さな画面でナビゲーションを表示するには、さらに多くのスタイルを設定する必要があります。

デスクトップ ブラウザー (Chrome など) で、ブラウザーを右に絞り込み、メニューを右クリックして要素を検査します。その幅でメニューに適用されるすべてのスタイルを確認してから、メニューのスタイルを設定することができます。

于 2013-05-10T00:08:45.650 に答える