84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
API を調べて、:visible や :hidden などの疑似セレクターを探しましたが、そのようなセレクターが存在しないことがわかりがっかりしました。 。 jQuery は以前からこれらのセレクターをサポートしているため、実装されることを期待しています。私の考えは、特定の要素の隣の要素が非表示になっているときにのみ特定の要素を表示したいということですが、そのために JavaScript を使用したくありません。オプションはありますか?
:visible
:hidden
それは「隣」が何を意味するかによって異なります。属性セレクターを使用して、可視性によって要素を選択できます。または、ここ:
可視性によって要素にアクセスするには、たとえば、部分文字列一致属性セレクター アスタリスク[att*=val]を使用できます。 div スタイルがvisibility: hidden;:
[att*=val]
visibility: hidden;
ここでの問題は、「隣の」要素にアクセスする方法です。 ターゲットにしようとしている要素が非表示要素のすぐ後ろ (同じ親内) にある場合は、セレクターを使用します:
以前の場合は、それについてできることは何もありませんが、この質問への回答でいくつかの回避策を探してください。「前の兄弟」CSS セレクターはありますか?
いいえ、それは不可能です、それは不可能です、少なくともスタイルシートでは。
そうしないと、無限ループが作成されます:
要素は最初は表示され、次にセレクターによって選択されて非表示になり、その後セレクターが適用されなくなり、再び表示されるというようになります。
JS API では、querySelectorなどの疑似クラス セレクターが許可されます。しかし、私の知る限りそのようなものはまだ存在せず、CSSのみを使用して実装することはできません。
querySelector
それは「隣」が何を意味するかによって異なります。属性セレクターを使用して、可視性によって要素を選択できます。または、ここ:
から選択してください可視性によって要素にアクセスするには、たとえば、部分文字列一致属性セレクター アスタリスク
を使用して非表示になっていると仮定します。 リーリー[att*=val]
を使用できます。 div スタイルがvisibility: hidden;
:ここでの問題は、「隣の」要素にアクセスする方法です。 ターゲットにしようとしている要素が非表示要素のすぐ後ろ (同じ親内) にある場合は、セレクターを使用します:
リーリー以前の場合は、それについてできることは何もありませんが、この質問への回答でいくつかの回避策を探してください。「前の兄弟」CSS セレクターはありますか?
いいえ、それは不可能です、それは不可能です、少なくともスタイルシートでは。
そうしないと、無限ループが作成されます:
リーリー要素は最初は表示され、次にセレクターによって選択されて非表示になり、その後セレクターが適用されなくなり、再び表示されるというようになります。
JS API では、
querySelector
などの疑似クラス セレクターが許可されます。しかし、私の知る限りそのようなものはまだ存在せず、CSSのみを使用して実装することはできません。