Responsive Web Design: Added hint to Style Multiple Elements with a CSS Class (#24379)
parent
973a01e218
commit
6eaacf526c
|
@ -3,8 +3,17 @@ title: Style Multiple Elements with a CSS Class
|
||||||
---
|
---
|
||||||
## Style Multiple Elements with a CSS Class
|
## Style Multiple Elements with a CSS Class
|
||||||
|
|
||||||
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/style-multiple-elements-with-a-css-class/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
|
|
||||||
|
|
||||||
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
|
|
||||||
|
|
||||||
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
|
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
|
||||||
|
We need to applying our ```red-text``` class to the first ```p``` element.
|
||||||
|
|
||||||
|
### Solution
|
||||||
|
|
||||||
|
In the opening tag of element ```p``` we need to add ```red-text``` class:
|
||||||
|
|
||||||
|
```css
|
||||||
|
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
|
||||||
|
```
|
||||||
|
|
||||||
|
### Useful links
|
||||||
|
|
||||||
|
- [Class selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors)
|
||||||
|
|
Loading…
Reference in New Issue