Exercise Solution: CSS
These solutions answer the CSS exercises from the jQuery exercise page.
1. Create a Reusable Class Top ↑
.my-p {
font-family: Arial, sans-serif;
font-size: 20px;
background-color: yellow;
}
2. Apply the Same Class to Several Paragraphs Top ↑
<p class="my-p">This is line 1</p>
<p class="my-p">This is line 2</p>
<p class="my-p">This is line 3</p>
3. Move the Rule into a Common CSS File Top ↑
<link rel="stylesheet"
href="custom.css">
See CSS tutorials.
Original Source Examples Retained for Migration Reference Top ↑
These source-page examples are preserved so no learner-purpose code is silently lost. Use the modern examples above as the recommended implementation.
Original example 1
<p id=p1 class=my_p>This is line 1</p>
<p id=p2 class=my_p>This is line 2</p>
<p id=p3 class=my_p>This is line 3</p>Original example 2
<style>
.my_p{
font-size:20px;
background-color:yellow;
}
</style>Original example 3
<link rel='stylesheet' href='custom.css' type='text/css'>Additional Original Learning Routes Top ↑
Continue Learning jQuery
Subhendu Mohapatra
Author & Instructor at plus2net
I write and maintain practical tutorials on Python, PHP, SQL, JavaScript, HTML, jQuery, and web development at plus2net. The tutorials focus on clear explanations, working examples, and code that readers can test and adapt while learning.
Connect:
This article is written by plus2net.com team.
