توضيح يك تكه كد css

[نگار صادقی 1025]

سلام . ببخشيد ميشه بگيد اين آيدي col-one كه قبل از كلاس letf اومده براي چه موقعي هست؟ يعني چه زماني اينجوري قرار ميديمش؟

#col-one .left{width:732px;height:154px;overflow:hidden}

[pary_daryayi 181]

عنصر با آیدی col-one , داخلش یک کلاس تعریف شده به نام left .

حالا اگه محتوای این left بیش از عرض و طول تعریف شده باشه , باید ادامه ی محتوا که جا نمیشه , مخفی بشه .

[Farid 2281]

در واقع کد html ش اینجوری میشه :

<div class="left" id="col-one">

در ضمن وقتی شما از این شناسه برای این div استفاده کردید دیگه حق استفاده اش رو برای عنصر دیگه ندارید . در واقع شما از یک کلاس به هر تعداد میتونید استفاده کنید اما شناسه فقط یکی .

[pary_daryayi 181]

ولی به نظرم این میشه :

<div id="col-one">
<div class="left"></div>
</div>

[Farid 2281]

خیر . همونجور هست که نوشتم . این مطلب رو مطالعه بفرمایید متوجه میشید

http://css-tricks.com/multiple-class-id-selectors/

[imanfakhar 26231]

دخالت را ببخشید اگر فاصله کلاس و آی دی را برداریم

کد فرید عزیز درست و اگر فاصله باشه کد پری دریایی گرامی

یعنی

#col-one.left {}

می شه

<div id="col-one" class="left"> ....

و

#col-one .left {}

می شه

<div id="col-one"><div class="left"> ...

و اینکه بعضی آی دی و کلاس ها مشخصا برای جای معینی تعریف می شند مثلا col-one اغلب به معنای ستون عمودی اول سایته و کلاس left معمولا به عناصری با خاصیت float:left تعلق می گیره