نکاتی کاربردی در مورد CSS (جلسه 13) : استفاده از کاراکترهای نامعتبر بعنوان کلاس HTML

- visibility ۲ mode_comment

در این مطلب با ادامه نکاتی کاربردی در مورد CSS در خدمتتون هستیم. css-style

شما میتونین کاراکترهای نامعتبر رو در لیست کلاسهای HTML بکار ببرید

این اصل و موضوع درون این لینک بصورت کامل توضیح داده شده و میتونین مطالعه بیشتری داشته باشید.

چیزی که در پست بالا به اون اشاره شده، استفاده از / یا Slash برای جداسازی و گروه بندی کلاسهای HTML هست تا کدهایی با قابل خوانایی بهتر داشته باشیم. با وجود اینکه این کارکتر نامعتبر هست ولی مرورگر اون رو مسدود نمیکنه و اونو نادیده میگیره و کاری باهاش نداره. فرض کنید شما کدی با کلاسهای زیر دارید:

با قرار دادن / یا Slash بصورت زیر خواهد شد:

شما میتونین از هر کارکتر (چه مجاز و چه غیر  مجاز) برای اینکار استفاده کنید:

میبینید که با استفاده از این کارکترها، کلاسهای شبیه به هم رو گروه بندی کردیم. همه موارد بالا به خوبی کار میکنن و نتیجه یکسانی دارن. میتونین خروجی کدهای بالا رو در دموی زیر مشاهده کنید: دلیل اینکه به این موارد غیرمعتبر میگن اینه که نمیشه از این موارد برای استایل دهی در CSS استفاده کرد. پس اگر بخایم به کلاس / استایل بدیم، نمیشه بصورت زیر از اون در CSS استفاده کرد و غیر معتبر هست:

اگر شما قصد این رو داشته باشید که از کاراکترهای غیرمعتبر درون HTML استفاده کنید و بتونین درون CSS به اونا دسترسی داشته باشید و بتونین آدرس دهی کنید میتونین اونا رو با استفاده از این ابزار یا با قرار دادن \ یا Back Slash رها یا Escape کنید. پس برای اینکه کد بالا کار کنه میتونین اون رو بصورت زیر بنویسید:

بیاید یک مقدار ماجرا رو پیش ببریم و از کارکترهای Unicode مثل ♥ استفاده کنیم. با استفاده از این موارد شما دیگه نیازی به Escape کردن با \ هم ندارید و میتونین بصورت زیر عمل کنید. کد HTML:

کد CSS برای استایل دهی به کد بالا:

شما همچنین میتونین این کاراکترها رو با استفاده از روش زیر Escape کنید. کد پایین معادل با کد بالا هست:

بهمین راحتی.

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

امیدوارم از این جلسه خوشتون اومده باشه.

موفق و پیروز باشید.

یا علی

Source

comment دیدگاه کاربران
حاجی زاده

درود آقای اسفندیاری.
این ترفندها حرف نداشت.
مرسی داری.

محمد اسفندیاری

موفق باشید دوست عزیز

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.