html - 1 つのクラスで複数の + (プラス) 演算子を使用することは合法ですか?

Question

現在、レスポンシブ デザインのコーディングを行っており、モバイル向けにナビゲーションを折りたたむところまで来ています。

これを達成するために、2 つdivの と を作成しましたul。にulは私のnav要素が含まれていますが、divにはモバイルとタブレットのドロップダウン用のナビゲーション画像が表示されます。

HTML

<div id="nav-tablet"><img></div>
<div id="nav-mobile"><img></div>
<ul></ul>

CSS

#nav-tablet:hover + div + ul {
    display:inline;;
}

私はテストしましたが、動作します。それが有効なCSSであることを検証したかったのです。

Answer 1

はい、完全に有効です。s はいくつでも使用できます+。（または 、または>、または~そのことについて。）

ただし、任意のul 後 に一致させたい場合は、それをうまく行います。#nav-tablet:hover~

#nav-tablet:hover ~ ul

Answer 2

絶対。table>tbody>tr>tdこれは、コンビネータの数に制限がないことと同じくらい有効です。

+他のコンビネータよりも処理が少し遅くなる可能性があるので、使いすぎないように注意してください。