onfocus https://blog.hatena.ne.jp/onfocus/ シナプス技術者ブログ https://tech.synapse.jp/ 技術 CSS HTML こんにちは、シナプスの今門です。 今回は、CSSの擬似クラスについて書いてみたいと思います。 最近のCSSの進歩(とブラウザへの実装状況)はすさまじく、これまではJavaScriptを書かなければ出来なかったことが、CSSのみで実現できるようになってきています。 特に擬似クラスについては、要素の状態を判別するというその性質上、フィルタリングや条件分岐など、プログラミング的な使い方がよくされています。 擬似クラスとは そもそも擬似クラスとはなんでしょうか？ 例えばおなじみの a:link のように、要素の後ろにコロンひとつで区切って指定をするもの、と形式のみで理解されているケースも多いのではない… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.synapse.jp%2Fentry%2F2021%2F03%2F15%2F110000" title="【CSS】擬似クラスでフォームコントロールの状態をチェックする - シナプス技術者ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/o/onfocus/20210222/20210222101344.png Hatena Blog https://hatena.blog 2021-03-15 11:00:00 rich https://tech.synapse.jp/entry/2021/03/15/110000 1.0 100%