かとりょー

<h1 id="%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E4%BD%BF%E3%82%8F%E3%81%9A%E3%81%ABjsx%2Ftsx%E3%81%AEstyles%3D%7B%7B...%7D%7D%E3%81%A7%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%82%82css-in-js%E3%81%AA%E3%81%AE%EF%BC%9F">
<a class="header-anchor-link" href="#%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E4%BD%BF%E3%82%8F%E3%81%9A%E3%81%ABjsx%2Ftsx%E3%81%AEstyles%3D%7B%7B...%7D%7D%E3%81%A7%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%82%82css-in-js%E3%81%AA%E3%81%AE%EF%BC%9F" aria-hidden="true"></a> ライブラリを使わずにJSX/TSXの<code>styles={{...}}</code>でスタイルを指定することもCSS-in-JSなの？</h1>
<blockquote>
<p>すべてのCSSの仕様をJavascriptのイベントハンドラで利用できるわけじゃないんだ。多くのpesudoセレクタ(:disabled, :before, :nth-childとか)とか、&lt;html&gt;と&lt;body&gt;はサポートされていないんだ。<br>
<a href="https://mkai.hateblo.jp/entry/2018/08/25/135439" target="_blank" rel="nofollow noopener noreferrer">https://mkai.hateblo.jp/entry/2018/08/25/135439</a></p>
</blockquote>
<p>なので出来ることに明確な差がある。CSS-in-JSとは言わずに<strong>コードでスタイルを動的に指定</strong>とか言った方が区別できて良さそう、</p>


CSSの話

ライブラリを使わずにJSX/TSXの`styles={{...}}`でスタイルを指定することもCSS-in-JSなの？

ライブラリを使わずにJSX/TSXのstyles={{...}}でスタイルを指定することもCSS-in-JSなの？

ライブラリを使わずにJSX/TSXの`styles={{...}}`でスタイルを指定することもCSS-in-JSなの？