---
id: 62017f47c87be96457c49f46
title: Step 46
challengeType: 0
dashedName: step-46
---
# --description--
Piuttosto che dover costantemente controllare se stai sovrascrivendo le proprietà precedenti, puoi usare la parola chiave `!important` per garantire che queste proprietà siano sempre applicate, indipendentemente dall'ordine o dalla specificità.
Dai a ogni proprietà nel selettore `span[class~="sr-only"]` una parola chiave `!important`. Non modificare nessuno dei valori.
# --hints--
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `border` con il valore `0 !important`.
```js
// log it
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
assert(text.includes('border: 0px !important;') || text.includes('border: 0px none !important'));
```
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `clip` con il valore `rect(1px, 1px, 1px, 1px) !important`.
```js
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
assert(text.includes('clip: rect(1px, 1px, 1px, 1px) !important;'));
```
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `clip-path` con il valore `inset(50%) !important`.
```js
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
assert(text.includes('clip-path: inset(50%) !important;'));
```
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `-webkit-clip-path` con il valore `inset(50%) !important`.
```js
// this one gets removed apparently
assert(code.includes('-webkit-clip-path: inset(50%) !important;'));
```
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `height` con il valore `1px !important`.
```js
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
assert(text.includes('height: 1px !important;'));
```
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `width` con il valore `1px !important`.
```js
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
assert(text.includes('width: 1px !important;'));
```
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `position` con il valore `absolute !important`.
```js
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
assert(text.includes('position: absolute !important;'));
```
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `overflow` con il valore `hidden !important`.
```js
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
assert(text.includes('overflow: hidden !important;'));
```
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `white-space` con il valore `nowrap !important`.
```js
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
assert(text.includes('white-space: nowrap !important;'));
```
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `padding` con il valore `0 !important`.
```js
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
assert(text.includes('padding: 0px !important;'));
```
Il selettore `span[class~="sr-only"]` dovrebbe avere la proprietà `margin` con il valore `-1px !important`.
```js
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
assert(text.includes('margin: -1px !important;'));
```
# --seed--
## --seed-contents--
```html
Balance Sheet
AcmeWidgetCorpBalance Sheet
201920202021
Assets
2019
2020
2021
Cash This is the cash we currently have on hand.
$25
$30
$28
Checking Our primary transactional account.
$54
$56
$53
Savings Funds set aside for emergencies.
$500
$650
$728
Total Assets
$579
$736
$809
Liabilities
2019
2020
2021
Loans The outstanding balance on our startup loan.
$500
$250
$0
Expenses Annual anticipated expenses, such as payroll.
$200
$300
$400
Credit The outstanding balance on our credit card.