JavaScriptç„¡ã—ï¼CSSã§ç°¡å˜ã«å‹•ãを実装ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã¨ã‚作æˆï¼š2016/07/19 Web制作 > JavaScriptç„¡ã—ã§å®Ÿè£…ã™ã‚‹CSSå°æŠ€ã¾ã¨ã‚ã§ã™ã€‚細部ã«ã¡ã‚‡ã£ã¨ã—ãŸå‹•ãã‚’å–り入れãŸã„ã¨ããªã©ã€çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ メタ言語ã§ãªãã€CSSã§è¦‹ãŸã„æ–¹ã¯ã€ŒView Compiled CSSã€ã§ã‚³ãƒ³ãƒ‘イルã—ã¦è¦‹ã¦ãã ã•ã„。 ※Codepenã®URLã®æœ«å°¾ã«ã€Œ?editors=1100ã€ã‚’付与ã™ã‚‹ã¨html/cssã®ã¿ã®ç·¨é›†ç”»é¢ã§é–²è¦§ã§ãã‚‹ã®ã§ã€ä»Šå›žã¯å…¨ã¦ã®URL末尾ã«ä»˜ä¸Žã—ã¦ã¾ã™ã€‚ モーダルウィンドウ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’使ã‚ãªã„タイプ。擬似クラスã§ã‚ã‚‹:targetを使ã„ã€ã‚¢ãƒ³ã‚«ãƒ¼ãƒªãƒ³ã‚¯ï¼ˆ#シャープ）ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—モーダルウィンドウを表示ã—ã¦ã„ã¾ã™ã€‚ .foo:target { color: red; } :target擬似クラスを利用ã™ã‚Œã°ã€J
{{#tags}}- {{label}}
{{/tags}}