0

CSSのみでお願いします！

:focus基本的に、特定のテキストエリアが編集されているときに、特定のテキストエリアを除いて、ページ上のすべて (またはほぼすべて) にいくつかのスタイルを適用したいと考えています。

そのため、テキストエリアに注目すると、他のすべてがopacity: 0またはそのようなものになります。

いじってみまし:not()たが、うまくいきませんでした。

これを拡張して、特定のテキストエリアが編集されているときに特定のdivを除いて、ページ上のすべて (またはほぼすべて) にいくつかのスタイルを適用することもできます。:focus

これは、私が学ぼうとしていた複雑すぎる例です: http://tympanus.net/codrops/2012/01/09/filter-functionality-with-css3/

4

2 に答える 2

0

CSSを使用してDOM階層を昇格する方法はありません。そのため、関連するtextareaが、フェードアウトしたいものすべてのコンテナーの兄弟であることを確認する必要があります。その時点で、次のようなことができるはずです。

textarea:focus ~ section.toFade {
  opacity: 0.1;
}

これは醜い壊れやすいソリューション（CSSの制限に縛られている）なので、うまくいけば、これは単なる学術的な演習です。

于 2012-10-06T22:13:16.590 に答える
0

私が理解できる最も近いものは次のとおりです。

*:not(textarea) {
color:red !important;
}

それ*:not(textarea:focus)を壊すようです。

于 2012-10-08T05:22:45.313 に答える