From e0035a44a9dfc9efbaea50b2b543d0306549a8a4 Mon Sep 17 00:00:00 2001 From: Prajwal Bajracharya <34180536+bajracharya1994@users.noreply.github.com> Date: Sun, 10 Feb 2019 06:36:21 +0545 Subject: [PATCH] Add explanation for selected elements (#28044) --- guide/english/css/id-selector/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/guide/english/css/id-selector/index.md b/guide/english/css/id-selector/index.md index aa17b889e8..d053bc92bc 100644 --- a/guide/english/css/id-selector/index.md +++ b/guide/english/css/id-selector/index.md @@ -13,9 +13,9 @@ To select an element with a specific ID, write a hash (#) character, followed by ``` You can combine the ID selector with other types of selectors to style a very specific element. ```css -section#about:hover { color: blue; } +section#about:hover { color: blue; } /* applies style to hover state of section element with an ID of 'about' */ -div.classname#specified_id { color: green; } +div.classname#specified_id { color: green; } /* applies style to a div element with a class name of 'classname' and an ID of 'specified_id' */ ``` ### Note about IDs ID should be avoided when styling if possible. As it has high specificity and it can be overriden only if you use inline styles, or add styles into ```