نگار صادقی

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

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

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


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

0

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


لینک به پست

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

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

4

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


لینک به پست

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


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

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

2

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


لینک به پست

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


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

3

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


لینک به پست

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

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

3

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


لینک به پست

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

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

یعنی


#col-one.left {}

می شه


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

و


#col-one .left {}

می شه


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

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

5

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


لینک به پست

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

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

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

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


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

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

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


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