Cascades and specified (0a509837) · Commits · Thangaraj G / html

cascade.html

0 → 100644

+46 −0

Original line number	Diff line number	Diff line
		<!DOCTYPE html>
		<html lang="en">
		<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<style>
		div p {
		color: red;
		background-color: wheat;
		}
		div p {
		color: green;
		}
		.para {
		color: brown;
		background-color: aqua;
		}
		#para1 {
		color: yellow !important;
		background-color: tomato;
		}

		a.my-class.another-class {
		color: rebeccapurple;
		}
		a.my-class.another-class[href] {
		color: goldenrod;
		}
		a.my-class.another-class[href]:hover {
		color: lightgrey;
		}

		/* {}->0 id->100 class->10 inline->1000 */
		</style>
		</head>
		<body>
		<div>
		<p>The first line</p>
		<p class="para">The second line</p>
		<p style="color: green" id="para1">The third line</p>
		<a class="my-class another-class" href="#">A link</a>
		</div>
		</body>
		</html>