0

私はウェブサイトsimplemedia.dkに取り組んでいます

機能するレスポンシブメニューがありますが、定義しようとすると

  • レスポンシブモードでは、ブラウザはスタイルを認識しません..

    レスポンシブ モードでは、「responsified」というクラスを取得し、ナビゲーション スタイルの前にクラス .responsified を追加しようとしましたが、反応しません。

    .responsive-menus .responsive-menus-0-0 .absolute .responsified .responsive-toggled #navigation ul.menu {
    display: block;
    float: left;
}

.responsive-menus .responsive-menus-0-0 .absolute .responsified .responsive-toggled #navigation ul.menu li {
    display: block;
    float: left;
}

    通常モードではテーブルセルを表示したいのですが、レスポンシブモードではブロックを表示したいです。

    • 4

    1 に答える 1

    1

    このように CSS セレクターでスペースで区切られた長い文字列を使用すると...

    .responsive-menus .responsive-menus-0-0 .absolute .responsified .responsive-toggled

    ...ブラウザに「クラス .responsive-toggled を持つものを見つけてください。クラス .responsified を持つ親があり、クラス .absolute を持つ親があり、クラス .responsive を持つ親があります。 -menus-0-0...」など

    実際のページでは、上記のすべてのクラスが 1 つの要素に適用されます。

    CSS では、複数のクラスを持つ要素をターゲットにするには、それらを連結します (スペースなし):

    .responsive-menus.responsive-menus-0-0.absolute.responsified.responsive-toggled

    しかし、これはほぼ間違いなく、この状況で必要とされるよりもはるかに複雑です。

    あなたの状況は、おそらくこれ以上具体的なものは必要ありません:

    .responsified #navigation ul.menu {
    display: block;
    float: left;
}

.responsified #navigation ul.menu li {
    display: block;
    float: left;
}
    于 2013-09-30T04:08:03.017 に答える