Computer scienceFrontendCSSSelectors in Depth

Combinators

Theory

Blue paragraphs

Report a typo

Change the text color of all <p> except for the first one ("On this page, I will collect recipes from cookbooks that I like best.") to blue using one of the combinators. Do not change the HTML.

Write HTML and CSS code
<body>
<h1>My favorite recipes</h1>
<p>On this page I will collect recipes from cookbooks that I like best.</p>
<hr />
<div class="recipe">
<h2>Cheesecake</h2>
<img class="ingredients" src="ingredientsforcake.jpg" alt="Ingredients for cake">
<p>This cake is a healthy and low calorie desert. It goes well with your five-o-clock tea.</p>
<ul>
<li>Graham crackers, butter</li>
<li>cream cheese, Greek yogurt</li>
<li>salt, sugar, vanilla extract</li>
<li>eggs</li>
</ul>
<p>Blend crushed crackers and soft butter for the crust. Bake for 8 minutes. Use the other ingredients to make the filling. Spread it on the baked crust, bake the cake for 25 minutes.</p>
<img class="cookedmeal" src="cake.jpg" alt="Cooked cake">
</div>
<hr />
<div class="recipe">
<h2>Tomato soup</h2>
<img class="ingredients" src="ingredientsforsoup.jpg" alt="Ingredients for soup">
<ul>
<li>butter</li>
<li>onion</li>
<li>salt</li>
<li>tomatoes</li>
</ul>
<p>Combine all ingredients and blend.</p>
<img class="cookedmeal" src="soup.jpg" alt="Cooked soup">
<p>Hint: add homemade garlic croutons.</p>
</div>
<hr />
<div class="recipe">
<h2>Fresh salad</h2>
<img class="ingredients" src="ingredientsforsalad.jpg" alt="Ingredients for salad">
<p>This fresh salad will be a great addition to your dinner.</p>
Completed 2 of 3
All <p> except the first one are blue.
The first <p> is black
___

Create a free account to access the full topic