CSSselector CSS Selecter Gen Sibling

<HTML>LionBETALearning HTML/CSS/JavaScript

Edit Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>element1~element2</title>
<style>
div~ul {
	background-color: #d5eefb;
	border: solid 2px #5baad2;
}
</style>
</head>
<body>
<p>Car Name</p>
<div>
	<ul>
		<li>Honda</li>
		<li>Mercedes-Benz</li>
		<li>Audi</li>
		<li>Ferrari</li>
		<li>Scorpio</li>
		<li>Volkswagen</li>
	</ul>
</div>
<p>Car Name</p>
<ul>
	<li>Volkswagen</li>
	<li>Scorpio</li>
	<li>Ferrari</li>
	<li>Audi</li>
	<li>Mercedes-Benz</li>
	<li>Honda</li>
</ul>
<p>Car Name</p>
<ul>
	<li>Scorpio</li>
	<li>Mercedes-Benz</li>
	<li>Honda</li>
	<li>Ferrari</li>
	<li>Scorpio</li>
	<li>Audi</li>
</ul>
</body>
</html>

Preview html View