Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 46

HTML-CSS
1

Tell us what’s happening:

span[class~=“sr-only”] {
border: 0!important;
clip: rect(1px, 1px, 1px, 1px)!important;
clip-path: inset(50%)!important;
-webkit-clip-path: inset(50%)!important;

height: 1px!important;
width: 1px!important;
position: absolute!important;
overflow: hidden!important;
white-space: nowrap!important;
padding: 0!important;
margin: -1px!important;

}

When I click on  "check your code" button,  I get the following message:
"*Hint*
*Your span[class~="sr-only"] selector should have the -webkit-clip-path property set to inset(50%) !important.*"

But it's already there!

What seems to be the problem?

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge: Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 46

Link to the challenge:

2

I think you might have better luck if you put a space between the value and !important?

3

Yes, it worked.
Thank you very much:)

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.