CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã«ã‚ˆã‚‹å„ªå…ˆé †ä½ã‚’分ã‹ã‚Šã‚„ã™ãビジュアル化ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ール -Specificity CalculatorSpecificity Calculator CSSã®å„ªå…ˆé †ä½ã¨ã¯ã€ä¾‹ãˆã°åŒã˜ã‚»ãƒ¬ã‚¯ã‚¿ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’定義ã—ãŸå ´åˆã€å¾Œã«è¨˜è¿°ã—ãŸã‚‚ã®ãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚ã“ã‚Œã¯ã€Œå¾Œã«è¨˜è¿°ã—ãŸã‚‚ã®ãŒå„ªå…ˆã•ã‚Œã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚ 例： <h1 class="title">見出ã—</h1> h1ã®è¦‹å‡ºã—ã«ã€åŒã˜ã‚»ãƒ¬ã‚¯ã‚¿ã§ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ã¦ã¿ã¾ã™ã€‚ .title{ color:red; } .title{ color:blue; } ã“ã®ä¾‹ã§ã¯ã€å¾Œã«è¨˜è¿°ã—ãŸã€Œcolor:blue;ã€ãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚ ã„ã‚ゆるã€ä¸Šæ›¸ã状態ã§ã™ã€‚ ã¾ãŸã€è¨˜è¿°ã®é †ç•ªã«ã¯å½±éŸ¿ã•ã‚Œãšã€ã‚»ãƒ¬ã‚¯ã‚¿ã®ãƒã‚¤ãƒ³ãƒˆã«ã‚ˆã‚Šå„ªå…ˆé †ä½ãŒæ±ºã¾ã‚Šã¾ã™ã€‚ ã“ã“ã§ç´¹ä»‹ã™ã‚‹ã€ŒSpecificity Calculatorã€ã§ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’入力ã™ã‚‹ã ã‘ã§ã€ãã®ãƒã‚¤ãƒ³ãƒˆã‚’ビジュアル化ã—ã¦å„ªå…ˆé †ä½ãŒç°¡å˜ã«åˆ†ã‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 例： h1.title{ color:red; }
{{#tags}}- {{label}}
{{/tags}}