CSS - Grouping Selector in CSS
In this video, I explained Grouping Selector in CSS. Feel free to comment. For more, please subscribe and press the BELL icon. Please visit my CSS Playlist. The code is as follows -
HTML File -
<html>
<head>
<title> Grouping Selector </title>
<!-- Grouping Selector -->
<link rel="stylesheet" href="grouping_selector.css">
<style>
h1 , p {
color:green;
}
</style>
</head>
<body>
<h1> This is the tag of h1 </h1>
<p> This is the paragraph tag </p>
<b> This is the bold </b>
<i> This is the italics tag </i>
</body>
</html>
CSS File -
h1, p {
text-align: center;
}
b, i {
color: red;
}
HTML File -
<html>
<head>
<title> Grouping Selector </title>
<!-- Grouping Selector -->
<link rel="stylesheet" href="grouping_selector.css">
<style>
h1 , p {
color:green;
}
</style>
</head>
<body>
<h1> This is the tag of h1 </h1>
<p> This is the paragraph tag </p>
<b> This is the bold </b>
<i> This is the italics tag </i>
</body>
</html>
CSS File -
h1, p {
text-align: center;
}
b, i {
color: red;
}
Comments
Post a Comment