CSS in JSã¯CSSã®æ›¸ã方をã©ã®ã‚ˆã†ã«å¤‰ãˆã‚‹ã®ã‹ - yuhei blogCSSã®é›£ã—ã•ã®æ ¹æºã¯ã‚»ãƒ¬ã‚¯ã‚¿ã«ã‚る。CSSè¨è¨ˆã®ãŸã‚ã®æ–¹æ³•è«–ã§ã¯ã©ã®ã‚ˆã†ã«ã—ã¦ã‚»ãƒ¬ã‚¯ã‚¿ã¨é–¢ã‚ã‚‹ã¹ãã‹ã«ã¤ã„ã¦èªžã‚‰ã‚Œã‚‹ã€‚ ãã®é–¢ã‚ã‚Šæ–¹ãŒCSSã®ã¿ã§å®Ÿç¾ã§ããªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã„ã†åˆ¶ç´„ã‚’æ¨ã¦ãŸã®ãŒã„ã‚ゆるCSS in JSã®é¡žï¼ˆå®šç¾©çš„ã«å¾®å¦™ãªã‚„ã¤ã‚‚全部ã²ã£ãã‚‹ã‚ã¦ï¼‰ã 。å¯èƒ½æ€§ã¯ä¸€æ°—ã«åºƒãŒã‚Šç„¡æ•°ã®ãƒ©ã‚¤ãƒ–ラリãŒç”Ÿã¿å‡ºã•ã‚ŒãŸã€‚ ã‚る程度ã®æœŸé–“を経ã¦ã„ãã¤ã‹ã®ç€ç›®ã™ã¹ãアプãƒãƒ¼ãƒãŒè¦‹ãˆã¦ããŸã€‚ã“ã‚Œã‹ã‚‰åƒ•ã¯ã©ã®ã‚ˆã†ã«ã‚»ãƒ¬ã‚¯ã‚¿ã¨é–¢ã‚ã£ã¦ã„ãã¹ãã‹ã¨ã„ã†è¦–点ã§è¨˜ã—ã¦ã¿ãŸã„。 擬似スコープ 通常CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã«ã¯ã‚¹ã‚³ãƒ¼ãƒ—ã¯ãªã„ãŒã€HTMLã‚„CSSã«ãƒãƒƒã‚·ãƒ¥å€¤ã‚’付与ã—ã¦ç‰¹å®šã®ã‚³ãƒ³ãƒ†ã‚ストを擬似的ã«é–‰ã˜ã¦ã—ã¾ãŠã†ã¨ã„ã†ã‚¢ã‚¤ãƒ‡ã‚¢ã€‚実装ã¨ã—ã¦ã¯ã€Vue.jsã®å˜ä¸€ãƒ•ã‚¡ã‚¤ãƒ«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€Angularã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã€styled-jsxãªã©ã€‚関連ã™ã‚‹ã‚¦ã‚§ãƒ–標準技術ã¨ã—ã¦Shadow DOMãŒã‚る。 例ãˆ
{{#tags}}- {{label}}
{{/tags}}