SNKW

<p>css onlyでバリデーションに応じての表示変化</p>
<span class="embed-block embed-codepen"><iframe src="https://codepen.io/kyoheiorg/embed/MWOvKGv?embed-version=2" scrolling="no" frameborder="no" loading="lazy"></iframe></span>


<p>MDNに詳しい解説あり<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__0cb25de29ad54" src="https://embed.zenn.studio/card#zenn-embedded__0cb25de29ad54" data-content="https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FCSS%2F%3Avalid" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://developer.mozilla.org/ja/docs/Web/CSS/:valid" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://developer.mozilla.org/ja/docs/Web/CSS/:valid</a></p>
