<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS selecters</title>
<style>
/* Element selector */
p{color: coral;
font-weight: bold;}
/* ID selector */
#first{color: cyan;}
/* Class selector */
.blueelement{color: blue;}
.bgpink{background-color: pink;}
/* gruping selector */
footer, span{color: darkgreen;}
</style>
</head>
<body>
<h1>
CSS selecters
</h1>
<p id="first" >This is the first paragraph</p>
<p class="blueelement bgpink">This is the second paragraph</p>
<p>This is the third paragraph</p>
<div><p>
This paragraph is wirtten in the <div> tag.
</p></div>
<footer>This is Footer</footer>
<span>This is Span</span>
</body>
</html>
Comments
Post a Comment