یک دستور css پر کاربرد

3 03 2009

در HTML به هر المان می توان بیش از یک کلاس (class) نسبت داد. و حتی در css selector ها نیز می توان هنگامی که المانی را انتخاب می کنیم تعیین کنیم که حتما هر۲ یا چند کلاس را داشته باشد . مثلا می توان تمامی div هایی را انتخاب کرد که هم کلاس txt1 و هم کلاس txt2 را داشته باشند. برای تعیین چند کلاس برای یک المان می توان با استفاده از فاصله انجام داد! و حتی برای انتخاب المان با css با ‹.› آن ها را جدا می کنیم‌ به مثال زیر توجه کنید:

<style type="text/css">
div.txt1.txt2{ color:red; }
</style>
<div class="txt1 txt2">hi</div>
<div class="txt2">bye</div>
<div>sorry</div>

کد CSS تمامی div هایی که دارای هم کلاس txt1 و هم کلاس txt2 هستند را قرمز می کند.

چیز بسیار جالب این است که از این روش کمتر جایی دیده ام که استفاده شده باشد. در حالی که تمامی مرورگر های رایج از جمله IE6 نیز از این روش پشتیبانی می کنند.


کارها

Information

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s




%d وب‌نوشت‌نویس این را دوست دارند: