رفتن به مطلب

نحوه select کردن تگ داخل Div دارای Class


rasssa
برو به راه حل توسط Masih حل شده,

پست های پیشنهاد شده

سلام خسته نباشید.

ببخشید میخواستم بدونم وقتی ما چندین <div> در صفحه ایجاد کردیم و مثلا میخوایم داخل یکی از این <div> ها، مثلا فقط پاراگراف ها رو انتخاب کنیم. خوب برای انتخاب یکی از این div ها که باید یک Class بهش بدیم. من Class دادم بهش اما مشکل اینه که نمیتونم مثلا فقط پاراگراف ها رو انتخاب کنم در CSS

شرایط مد نظرم به این صورته : انتخاب یک پاراگراف داخل <div> که Class دارد. (هم پاراگراف class داره هم div)

ویرایش شده توسط rasssa
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن
  • راه حل

درود؛

برای اینکار شما باید هر دو کلس رو به صورت متوالی استفاده کنید و دستورات استایل رو براش بنویسید.

فرض کنید کلس اون DIV کلی که پاراگراف ها داخلش هستند، کلس block باشه، و پاراگراف ها هم خودشون یک کلس جداگانه دارند مثلا matn . برای اینکه یک زیرمجموعه رو بتونیم استایل دهی کنیم و یک سلکتور براش بسازیم، باید حتما از المنت و یا بخش والد یا بزرگتر شروع کنیم و بعد زیرمجموعه اش رو انتخاب کنید. 

اگه بخواهید برعکس عمل کنید یعنی اول کلس پاراگراف رو بنویسید بعد کلس اون بلوک اصلی، این کد اشتباه هست و روی هیچ المنتی اعمال نمیشه. حالت درست برای انتخاب این پاراگراف به این صورت هست:

.block .matn {color: #000}

ما مجبوریم اول  کلس یا آی دی اون بخش بزرگتر رو انتخاب کنیم که دربرگیرنده المنتی ما با کلس matn هست. با اینکار ما به مرورگر میگیم که کلس matn که داخل المنت با کلس block وجود داره رو بگیر و این دستورات پیش رو براش اعمال کن!

حالا فرض کنید شما 10 تا بلوک دارید با کلس هایی به صورت block1 و block2 و block3 و... و داخل هرکدوم از اینها، پاراگراف هایی هستند که کلس های همشون matn هست. ما با تعریف استایل و سلکتور به صورت والد و فرزند، می تونیم پاراگراف های هر کدوم از این بلوک ها رو به صورت جداگانه استایل دهی کنیم و تداخلی هم پیش نیاد. مثلا پاراگراف بلوک اول رو پس زمینه بدیم، پاراگراف بلوک دوم رو متنش رو قرمز کنیم و ...

رعایت والد و فرزندی اینجا کاربرد داره. مثل:

.block1 .matn {color: #444}
.block2 .matn {background: #000}
.block3 .matn {padding: 15px}

اما اگه یه المنت دارید که احتمال میدین اون المنت یک کلس خاص داره و توی سایر بخش ها استفاده نشده، نیازی به استفاده از سلکتور والد و فرزندی نیست. مستقیما می تونید همون کلس رو انتخاب کنید و دستورات استایل رو بهش اضافه کنید و نیازی به آدرس دادن والد هم نیست.

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

خیلیی مممون خیلی عالی ! قدرت بیان مفهوم شما واقعا خیلی خوبه ! کاش دوره آموزشی بزارید باور کنید بهترین دوره آموزشی میشه! واقعا مرسی💗

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...