InstruçÔes
Passo 47
Ao invĂ©s de ter que verificar constantemente se vocĂȘ nĂŁo estĂĄ substituindo as propriedades anteriores, vocĂȘ pode usar a palavra-chave
!important para garantir que essas propriedades sejam sempre aplicadas, independentemente da ordem ou da especificidade.
DĂȘ a cada propriedade do seletor span[class~="sr-only"] uma palavra-chave !important. NĂŁo altere nenhum dos valores.
O que fazer:
Testes:
- O seletor `span[class~="sr-only"]` deve ter a propriedade `border` definida como `0 !important`.
- O seletor `span[class~="sr-only"]` deve ter a propriedade `clip` definida como `rect(1px, 1px, 1px, 1px) !important`.
- O seletor `span[class~="sr-only"]` deve ter a propriedade `clip-path` definida como `inset(50%) !important`.
- O seletor `span[class~="sr-only"]` deve ter a propriedade `height` definida como `1px !important`.
- O seletor `span[class~="sr-only"]` deve ter a propriedade `width` definida como `1px !important`.
- O seletor `span[class~="sr-only"]` deve ter a propriedade `position` definida como `absolute !important`.
- O seletor `span[class~="sr-only"]` deve ter a propriedade `overflow` definida como `hidden !important`.
- O seletor `span[class~="sr-only"]` deve ter a propriedade `white-space` definida como `nowrap !important`.
- O seletor `span[class~="sr-only"]` deve ter a propriedade `padding` definida como `0 !important`.
- O seletor `span[class~="sr-only"]` deve ter a propriedade `margin` definida como `-1px !important`.
Preview