kushalseth/advancedcssselectors.html

## advancedcssselectors.html
<!DOCTYPE html>
<html>
<head>
<style>
p[data-test] {
  background-color: yellow;
}
a[target] {
  background-color: orange;
}

</style>
</head>
<body>
	<h1>This is h1 directly under body</h1>
  <p class="abc-myclass"> Test class attribute para </p>
	<div>
	  <h2>I am h2 directly under div</h2>
	  <p  data-test="001">This is para inside div, but not directly inside div</p>
	</div>
	<div>
   		 <p class="abc-myclass">This is para directly inside div</p>
		 <span><p>This is para inside span</p></span>
	</div>
	<p class="myclass" data-test="001">I am paragraph directly inside the body and below a div</p>
  <a  href="github.com/kushalseth" target="_blank">GIT rofile</p>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	p[data-test] {
	background-color: yellow;
	}
	a[target] {
	background-color: orange;
	}

	</style>
	</head>
	<body>
	<h1>This is h1 directly under body</h1>
	<p class="abc-myclass"> Test class attribute para </p>
	<div>
	<h2>I am h2 directly under div</h2>
	<p data-test="001">This is para inside div, but not directly inside div</p>
	</div>
	<div>
	<p class="abc-myclass">This is para directly inside div</p>
	<span><p>This is para inside span</p></span>
	</div>
	<p class="myclass" data-test="001">I am paragraph directly inside the body and below a div</p>
	<a href="github.com/kushalseth" target="_blank">GIT rofile</p>
	</body>
	</html>