---
id: 619409a3b1ec0b727ac2ab30
title: Step 43
challengeType: 0
dashedName: step-43
---
# --description--
The `[attribute~=value]` selector allows you to target elements where the attribute *includes* the value. Create a `p[class~="total"]` selector to target all of your `p` elements where the `class` includes `total` (such as your `.row total` elements). Give this selector a `border-bottom` property set to `4px double #0a0a23` to help divide your sections, and set the `font-weight` to `bold` to draw attention to them.
This may seem the same as using the `.total` class selector. However, CSS is parsed top-down. Your `.row` selector comes after this new selector, and would overwrite the `.total` selector. Because `p[class~="total"]` has a higher selector specificity, it takes priority even though it comes earlier in the stylesheet.
# --hints--
You should have a new `p[class~="total"]` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('p[class~="total"]'));
```
Your `p[class~="total"]` selector should have a `border-bottom` property set to `4px double #0a0a23`.
```js
assert(new __helpers.CSSHelp(document).getStyle('p[class~="total"]')?.borderBottom === '4px double rgb(10, 10, 35)');
```
# --seed--
## --seed-contents--
```html
AcmeWidgetCorp Balance Sheet