I am not able to understand what to do in this step
h2 {
color: blue;
}
CatPhotoApp
Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
```
**Your browser information:**
Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36
.
Link to the challenge:
https://www.freecodecamp.org/challenges/use-a-css-class-to-style-an-element
So, here are the key instructions:
- Inside your style element, change the
h2
selector to .red-text
and update the color’s value from blue to red.
- Give your
h2
element the class attribute with a value of ‘red-text’.
This is your style element:
<style>
h2 {
color: blue;
}
</style>
Step 1:
<style>
.red-text {
color: blue;
}
</style>
Step 2:
<style>
.red-text {
color: red;
}
</style>
Step 3 is to apply the new style to your <h2>
element:
Change this:
<h2>CatPhotoApp</h2>
to this:
<h2 class-"red-style">CatPhotoApp</h2>
Do those steps make sense to you, based on the information that was in the challenge?
Hi @asif7820. Please clarify your question, and improve the composition of your message, so the community can help you faster next time.
- What is the precise problem?
- Which challenge are you working on?
- Distinguish your code from the rest of your message body by using the “code” formatting in the format bar (a button like this: </>, which is located in the bar on top of where you write your message.
PS I just saw that @JaceyBennett has already answered your question, but still, you might be more successful at getting help if you follow the forum’s instructions on writing effective messages. Happy coding!