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

HTML-CSS
1

Give each property in your span[class~="sr-only"] selector an !important keyword. Do not change any of the values.

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;
}

Hint

Your span[class~="sr-only"] selector should have the -webkit-clip-path property set to inset(50%) !important.

Still getting erroe

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

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

Link to the challenge:

2

The tests want a space after -webkit-clip-path:, and also a space before !important.

1 Like
3

Thankyou very much !!

4

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