رفتن به مطلب

این خط کد در CSS یعنی چی؟


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

این خط کد در css دقیقا چه کاری رو انجام میده؟

[class^="txt"] , [class^="img"]

یه قالب کوچیک دانلود کردم تو کدهای سی اس اسش این کد بود
وقتی هم فایل .html رو هم باز کردم کلاسی به اسم txt هم نبود

لینک به ارسال

با سلام.

کاراکترهای [ ] که توی کدهای CSS نوشته میشن، Attribute Selector هستند و عناصر رو بر اساس خاصیت هاشون هدفگیری میکنن.  کاراکتر ^ هم به معنی "شروع شدن با..." هست.

کدی که نوشتید عناصری رو هدف قرار میده که با کلاس های txt و یا img شروع شدن و بعدشون ممکنه هر چیزی باشه، مثلا img-large یا txt-block.

ویرایش شده توسط start
لینک به ارسال
ارسال شده در (ویرایش شده)
در 1 ساعت قبل، start گفته است :

با سلام.

کاراکترهای [ ] که توی کدهای CSS نوشته میشن، Attribute Selector هستند و عناصر رو بر اساس خاصیت هاشون هدفگیری میکنن.  کاراکتر ^ هم به معنی "شروع شدن با..." هست.

کدی که نوشتید عناصری رو هدف قرار میده که با کلاس های txt و یا img شروع شدن و بعدشون ممکنه هر چیزی باشه، مثلا img-large یا txt-block.

ممنون از توضیح کاملتون
اگه علامت ^ رو تو کد زیر نمیذاشتیم چه اتفاقی میفته؟

مثل زیر:

[class^="txt"] , [class^="img"]

 

بعد اینجا که گفتید:

  ممکنه هر چیزی باشه، مثلا img-large یا txt-block.

باید حتما بینشون - باشه؟

ویرایش شده توسط saranekonam
اشطباح تایپی :-)
لینک به ارسال
در 4 ساعت قبل، saranekonam گفته است :

ممنون از توضیح کاملتون
اگه علامت ^ رو تو کد زیر نمیذاشتیم چه اتفاقی میفته؟

مثل زیر:


[class^="txt"] , [class^="img"]

 

بعد اینجا که گفتید:

  ممکنه هر چیزی باشه، مثلا img-large یا txt-block.

باید حتما بینشون - باشه؟

نه نیازی نیست

اینجا رو ببینید :

http://www.w3schools.com/cssref/sel_attr_begin.asp

اگه اون علامت رو نمیذاشتید استایل فقط به اونهایی داده میشد که کلاسشون txt و یا img بود

ولی الان به txt1 یا مثلا img_mamad هم داده میشه :D

 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...