--- id: 6201a42e39bf3b95b6a33bf3 title: Step 62 challengeType: 0 dashedName: step-62 --- # --description-- Crea un selettore `tr.data th .description` per selezionare gli elementi con l'attributo `class` impostato su `description` che si trovano all'interno degli elementi `th` nelle righe `.data` della tabella. Assegna loro una proprietà display con il valore block, imposta il testo in corsivo con uno spessore normale e posizionali con un `padding` impostato su `1rem 0 0.75rem` e un margine destro di `-13.5rem`. # --hints-- Dovresti avere un selettore `tr.data th .description`. ```js assert(new __helpers.CSSHelp(document).getStyle('tr.data th .description')); ``` Il selettore `tr.data th .description` dovrebbe avere una proprietà `display` impostata su `block`. ```js assert(new __helpers.CSSHelp(document).getStyle('tr.data th .description')?.getPropertyValue('display') === 'block'); ``` Il selettore `tr.data th .description` dovrebbe avere una proprietà `font-style` impostata su `italic`. ```js assert(new __helpers.CSSHelp(document).getStyle('tr.data th .description')?.getPropertyValue('font-style') === 'italic'); ``` Il selettore `tr.data th .description` dovrebbe avere una proprietà `font-weight` impostata su `normal`. ```js assert(new __helpers.CSSHelp(document).getStyle('tr.data th .description')?.getPropertyValue('font-weight') === 'normal'); ``` Il selettore `tr.data th .description` dovrebbe avere una proprietà `padding` impostata a `1rem 0 0.75rem`. ```js assert(new __helpers.CSSHelp(document).getStyle('tr.data th .description')?.getPropertyValue('padding') === '1rem 0px 0.75rem'); ``` Il selettore `tr.data th .description` dovrebbe avere un proprietà `margin-right` con il valore `-13.5rem`. ```js assert(new __helpers.CSSHelp(document).getStyle('tr.data th .description')?.getPropertyValue('margin-right') === '-13.5rem'); ``` # --seed-- ## --seed-contents-- ```html Balance Sheet

AcmeWidgetCorp Balance Sheet

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. $50 $50 $75
Total Liabilities $750 $600 $475
Net Worth
2019 2020 2021
Total Net Worth $-171 $136 $334
``` ```css 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; } html { box-sizing: border-box; } body { font-family: sans-serif; color: #0a0a23; } h1 { max-width: 37.25rem; margin: 0 auto; padding: 1.5rem 1.25rem; } h1 .flex { display: flex; flex-direction: column-reverse; gap: 1rem; } h1 .flex span:first-of-type { font-size: 0.7em; } h1 .flex span:last-of-type { font-size: 1.2em; } section { max-width: 40rem; margin: 0 auto; border: 2px solid #d0d0d5; } #years { display: flex; justify-content: flex-end; position: sticky; top: 0; background: #0a0a23; color: #fff; z-index: 999; padding: 0.5rem calc(1.25rem + 2px) 0.5rem 0; margin: 0 -2px; } #years span[class] { font-weight: bold; width: 4.5rem; text-align: right; } .table-wrap { padding: 0 0.75rem 1.5rem 0.75rem; } span { font-weight: normal; } table { border-collapse: collapse; border: 0; width: 100%; position: relative; margin-top: 3rem; } table caption { color: #356eaf; font-size: 1.3em; font-weight: normal; position: absolute; top: -2.25rem; left: 0.5rem; } tbody td { width: 100vw; min-width: 4rem; max-width: 4rem; } tbody th { width: calc(100% - 12rem); } tr[class="total"] { border-bottom: 4px double #0a0a23; font-weight: bold; } tr[class="total"] th { text-align: left; padding: 0.5rem 0 0.25rem 0.5rem; } tr.total td { text-align: right; padding: 0 0.25rem; } tr.total td:nth-of-type(3) { padding-right: 0.5rem; } tr.total:hover { background-color: #99c9ff; } td.current { font-style: italic; } tr.data { background-image: linear-gradient(to bottom, #dfdfe2 1.845rem, white 1.845rem); } tr.data th { text-align: left; padding-top: 0.3rem; padding-left: 0.5rem; } --fcc-editable-region-- --fcc-editable-region-- ```