نگار صادقی

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

6 پست در این موضوع قرار دارد

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


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

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


لینک به پست

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

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

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


لینک به پست

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


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

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

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


لینک به پست

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


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

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


لینک به پست

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

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

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


لینک به پست

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

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

یعنی


#col-one.left {}

می شه


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

و


#col-one .left {}

می شه


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

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

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری