here each white key is a div element , with class ‘key’ , while some of them include class = ‘black–key’ . Now the second key is a div element with both of these classes included . Now when we applied Css as follow:
Now according to me what should happen that ‘d’ letter should be written after second key as second key posses class with value ’ .key black–key’ , but why it is placing ‘d’ on the left side of second key(instead of placing it after second key like white space should not be covered with letter ‘d’ , letter ‘d’ should posses its own space) , please explain this whole thing !
oh great , I just got that , but let I set content=‘b’ , why it is placing this content on. the left side of second key (on which this selector is applied) , ::after selector places the content after the present content of selected element , right ? so it should place d on the right of second key , isn’t it so ?