انتخاب بر اساس فرزند

Question

به کد زیر توجه کنید؛ کد css بنویسید که تگ های div که داخل آنها تگ p وجود دارد را انتخاب کند و رنگ بک گراند آنها را به قرمز تغییر دهد

hello

bold</div>

hello

Answer

<!DOCTYPE html> <html> <head> <style> div > p { background-color: red; } </style> </head> <body> <div> <p>hello</p> <...

Answer

/**************...

Answer

<!DOCTYPE html> <html dir=&#34;rtl&#34;> <head> <meta charset=&#34;UTF-8&#34;> <meta name=&#34;viewport&#34;content=&#34;width=device.width, init...

Answer

<!DOCTYPE html> <html lang=&#34;en&#34;;> <head> <meta charset=&#34;UTF-8&#34;> <meta name=&#34;viewport &#34; content=&#34;width=device-width,in...

Answer

div:has(p) { background-color: red; }

	<!DOCTYPE html>
	<html lang="en";>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport " content="width=device-width,intial-scale=1.0">
	<title> box</title>
	<style>
	div>p{
	background-color: red;
	}
	div{
	background-color: aqua;
	}
	</style>
	</head>
	<body>
	<div >
	<p>dfghjk</p>
	</div>
	<div>
	cfghjkl</div>
	</body>
	</html>

تمرین برنامه نویسی؛ با کدبزن!

	<!DOCTYPE html>
	<html dir="rtl">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport"content="width=device.width, initial-scale=1.0">
	<title> pسلکت تگ های </title>
	</head>
	<style>
	div:has(p) {
	background-color: red;
	}
	</style>
	<body>
	<div>
	<p>hello</p>
	</div>
	<div>
	<b>bold</b>
	</div>
	<div>
	<p>hello</p>
	<p>hello</p>
	</div>
	</body>
	</html>