CSSã®ç–‘似クラス「:focus-withinã€ãŒç´ 晴らã—ã„ç†ç”±CSSã®ç–‘似クラス「:focus-withinã€ã‚’使用ã—ã¦ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›æ™‚ã«ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ :focus-withinã¯é©ç”¨ã—ãŸè¦ç´ ã®åå«è¦ç´ ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã«å½“ãŸã£ãŸæ™‚ã«èµ·å‹•ã™ã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ã§ã€åŠ¹æžœçš„ã«ä½¿ç”¨ã™ã‚‹ã¨éžå¸¸ã«ä¾¿åˆ©ã§ã™ã€‚ Why CSS :focus-within is amazing by Chris Bongers 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« HTMLã®æ§‹é€ CSSã®ç–‘似クラス「:focus-within〠:focus-withinã®åŠ¹æžœã‚’ã‚ˆã‚Šç´ æ™´ã‚‰ã—ã„ã‚‚ã®ã«ã™ã‚‹ :focus-withinã®ã‚µãƒãƒ¼ãƒˆãƒ–ラウザ ã¯ã˜ã‚ã« ã“ã“ã§ãŠè©±ã™ã‚‹ã®ã¯ã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã•ã‚ŒãŸè¦ç´ ã«ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹:focusセレクタã®ã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“。:focus-withinã¯ã€ãã®ä¸ã®åå«è¦ç´
知ã£ã¦ãŠãã¨ä¾¿åˆ©ãªHTML5ã®æ©Ÿèƒ½ã€è¦ç´ や属性ã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}