بسم الله الرحمن الرحیم

مخفی و آشکار کردن با سی اس اس-css

فهرست علوم
علوم کامپیوتر
رسم کردن با css
مخفی و آشکار کردن با سی اس اس





کلمات شبیه هم:

display: block;
color: black;
target="_blank"


مخفی و آشکار کردن با جاوااسکریپت
در یک المنت اگر تب ایندکس آن را صفر کنیم، وقتی کلیک شد میتواند کاری را انجام دهد: مثلا .hm5:focus > .hm6 {display: block;}،،، نکته مهم آنست که اگر در عرض هم باشند المنتها، باید از علامت ~ استفاده کرد و البته المنت مقصد باید بعد از المنت مبدء قرار گیرد، اما اگر المنتها پدر فرزند باشند باید از علامت < استفاده کرد تا بر روی فرزندهای المنت پدر عمل انجام شود، فتذکر

المنت جدگانه
المنت بعدی

المنت پدر فرزند
فرزند مخفی








tabindex="0" کار جالبی انجام میدهد در نسحه۵ یعنی به جای اینکه تب در المانهای تب پذیر مثل اینپوت سریان یابد در تمام المانهای موجود در دام جاری میشود و لذا میتوان هر عنصر را با خصوصیت فوکوز مخفی یا آشکار کرد:

.matn1 {} .matn2 {display: none;} .matn3 {display: none;} .matn1:focus .matn2 { display: inline; } .matn1:focus .matn3 { display: block; }
متن اول
متن دوم
متن سوم





استفاده از تب‌ها با استایل، به فایل استایل صفر مراجعه شود:
مفرداتریشه‌هاتجزیه و ترکیبقرائات مفردات اولریشه های مفرداتتراکیبقرائات سبعةمفردات دوم









تگی بسیار جالب:
ریشه ساقه را باز کنید
ساقه ساقه دوم را باز کنید
ساقه دوم ساقه سوم را باز نکنید!