قوانین CSS میتوانند به صورتهای مختلفی اجزا را انتخاب نمایند، ما می توانیم برای اجزای html خود کلاس یا آیدی خاصی اختصاص دهیم. تا براحتی بتوانیم توسط css به این اجزا استایل دهیم. حال ما در ادامه ی مطلب می خواهیم به این انتخابگرهای css بپردازیم.
- انتخابگر عنصر HTML
- انتخابگر کلاس
- انتخابگر id
استفاده از CSS با استفاده از کلاس
انتخابگر کلاس
- برای اعمال قانون به کلاس خاصی از عناصر استفاده میشود.
- قانون را به یک عنصر خاص تخصیص نمیدهد.
با استفاده از .classname تنظیم میشود.
مثال: عنصری به صورت زیر تعریف شده است:
1
|
<pclass=“new”>Thisistext isred andinitalics</p>
|
قانون زیر نیز در styleها آمده است :
1
2
3
4
5
|
<style type="text/css">
.new {color:#FF0000;
font-style:italic;
}
</style>
|
استفاده از CSS با استفاده از id
انتخابگر id
- برای اعمال قانون به یک عنصر خاص استفاده میشود.
- با استفاده از #idname تنظیم میشود.
مثال: عنصری به صورت زیر تعریف شده است :
1
|
<pid=“new”>Thisistext isred,large,andinitalics</p>
|
قانون زیر نیز در styleها آمده است :
1
2
3
4
5
6
|
<style type="text/css">
#new {color:#FF0000;
font-size:2em;
font-style:italic;
قوانین CSS میتوانند به صورتهای مختلفی اجزا را انتخاب نمایند، ما می توانیم برای اجزای html خود کلاس یا آیدی خاصی اختصاص دهیم. تا براحتی بتوانیم توسط css به این اجزا استایل دهیم. حال ما در ادامه ی مطلب می خواهیم به این انتخابگرهای css بپردازیم.
استفاده از CSS با استفاده از کلاسانتخابگر کلاس
با استفاده از .classname تنظیم میشود.مثال: عنصری به صورت زیر تعریف شده است:
قانون زیر نیز در styleها آمده است :
استفاده از CSS با استفاده از idانتخابگر id
مثال: عنصری به صورت زیر تعریف شده است :
قانون زیر نیز در styleها آمده است :
}
</style>
|