به کد زیر توجه کنید؛ کد css بنویسید که تگ های div که داخل آنها تگ p وجود دارد را انتخاب کند و رنگ بک گراند آنها را به قرمز تغییر دهد
Front-End
افزودن تمرین جدید
<!DOCTYPE html>
<html lang="en">
<head>
<style>
div:has(p) {
background-color: red;}
</style>
</head>
/********************************/
<body>
<div>
<p>hello</p>
</div>
<div>
<b>bold</b>
</div>
<div>
<p>hello</p>
<p>hello</p>
</div>
</body>
</html>
HTML & CSS
<!DOCTYPE html>
<html>
<head>
<style>
div > p {
background-color: red;
}
</style>
</head>
<body>
<div>
<p>hello</p>
</div>
<div>
<b>bold</b>
</div>
<div>
<p>hello</p>
<p>hello</p>
</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>
HTML & CSS
<!DOCTYPE html>
<html>
<head>
<title>FORM</title>
<link rel="stylesheet" href="project.css" type="text/css">
</head>
<body>
<div>
<p>hello</p>
</div>
<div>
<b>bold</b>
</div>
<div>
<p>hello</p>
<p>hello</p>
</div>
</body>
</html>
<!--css-->
*{
padding: 0px;
margin: 0xp;
font-style: italic;
box-sizing: border-box;
}
div > p{
color: red;
}
div p{
background-color:red;
}
<!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>انتخاب بر اساس فرزند</title>
<style>
div p{
background-color: red;
color: white;
}
</style>
</head>
<body>
<div>
<p>hello</p>
</div>
<div>
<b>bold</b>
</div>
<div>
<p>hello</p>
<p>hello</p>
</div>
</body>
</html>
<!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>
HTML & CSS
div:has(p) {
background-color: red;
}
HTML & CSS
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
اگه متوجه تمرین نمیشی یا به هر دلیلی نمیتونی حلش کنی، کاملا طبیعیه، اشکالی نداره؛ ناراحت نشو
😊
سعی کن تمرینات آسون تر رو ببینی و جواب های مختلفی که دیگران ارسال کرده اند رو بررسی کنی و
یواش یواش به سراغ تمرینات سخت تر بری.
همچنین ممکنه جوابت درست باشه ولی با سایر جواب ها متفاوت باشه
اگه برنامه نویسی رو هنوز شروع نکردی یا خوب یاد نگرفتی، میتونی از طریق لینک زیر یاد بگیری