falsandtru https://blog.hatena.ne.jp/falsandtru/ falsandtruのメモ帳 https://falsandtru.hatenablog.com/ css-in-js dom-components TypeScript CSS in JSでStyled ComponentsをAngularやReactといったフレームワークなしで作る最小デザインを例示する。 次のようなHTMLで表されるDOM ComponentにCSSを適用したいとする。 <article id="id"> <h1>Title</h1> <ul> <li>item</li> <li>item</li> </ul> </article> 単純にidで絞り込んだCSSを記述したstyle要素があればCSSを不足なく利用できる。 <article id="id"> <style>#id ul { width: 100px; }</style> <h… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffalsandtru.hatenablog.com%2Fentry%2Fcss-in-js-and-styled-components" title="CSS in JSで作るStyled Componentsの最小デザイン - falsandtruのメモ帳" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2017-05-12 18:17:25 rich https://falsandtru.hatenablog.com/entry/css-in-js-and-styled-components 1.0 100%