تفاوت گزینشگرهای کلاس و خصوصی در CSS

[Mohammadrezag]

تفاوت گزینشگرهای کلاس( class ) و خصوصی( ID ) درCSS چیست ؟!

[tabib_m]

id چیزیه که جاواسکریپت (و یا زبانهای دیگر اسکریپت نویسی کلاینت سایت از قبیل vbscript) باهاش کار میکنه.
class چیزیه معرفی کننده دسته ی سی اس اس تعریف شده هست.

البته امیدوارم منظورت رو درست فهمیده باشم

موفق باشید.

[Mohammadrezag]

نه عزیز این دو ، دو تا گزینشگر متفاوت هستند که در سی اس اس کاربردهای متفاوت شایدم مشابه دارند
هنوز خودم نمی دونم

[I,Nobody]

id چیزیه که جاواسکریپت (و یا زبانهای دیگر اسکریپت نویسی کلاینت سایت از قبیل vbscript) باهاش کار میکنه.

به طور قطع صحبت طبیب درسته ولی id هم علاوه بر class، یه گزینشگر توی CSS هست و منحصر به script نمیشه.
البته من خیلی وقتا استفاده از این دو گزینشگر را نسبت به همدیگه ترجیح میدم.

[Mohammadrezag]

یعنی به نظر شما فرقی نمی کنه ؟!

[neopersia]

یه سری تفاوت بین Id و class وجود داره.
احتمالاً id در مرورگرهای آینده جای تگ name رو میگیره. به همین دلیل هم اگه از بیش از یک بار در یک صفحه از اون استفاده کنی اعتبار HTML صفحه از بین میره.
ویژگیهایی که با id تو استایل صفحه تعریف میشن بر ویژگیهای تعریف شده با کلاس اولویت دارند.
مثلاً اگر برای یک المنت رنگ قرمز را با کلاس تعریف کنید و رنگ سبز را با id در نهایت رنگ المنت سبز خواهد بود.
تفاوتهای دیگری هم وجود داره. فکر کنم این صفحه مفید باشه :

http://www.neopersia.org/css/Class_ID.php

[Mohammadrezag]

با تغییر آی دی و کلاس در اچ تی ام ال و تغییر این کد به کد زیر بازم همون کاری که می خواستم انجام بشه شد ....
برای همین می گم که می شه با هر دو می شه کار اون یکی رو انجام داد ...

/* CSS Document */
ul.headerm li {
float:left;
padding:5px;
font:bold 15px Arial, Helvetica, sans-serif;
padding-left:5px;
}
ul.headerm a:link , ul.headerm a:visited {
display:block;
text-decoration:none;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background-color:#999999;
color:#FFFFFF;
padding:5px;
}
ul.headerm a:hover {
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background:#CCCCCC;
color:#666666;
}
ul.headerm a:active {
border-bottom:1px solid #FFFFFF;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background:#FFFFFF;
color:#666666;
}
.div {
border:1px solid #000000;
margin-top:49;
padding:20px;
}
p {
font:bold 12px tahoma;
}
تغییر یافته برای کلاس :

/* CSS Document */
ul#headerm li {
float:left;
padding:5px;
font:bold 15px Arial, Helvetica, sans-serif;
padding-left:5px;
}
ul#headerm a:link , ul#headerm a:visited {
display:block;
text-decoration:none;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background-color:#999999;
color:#FFFFFF;
padding:5px;
}
ul#headerm a:hover {
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background:#CCCCCC;
color:#666666;
}
ul#headerm a:active {
border-bottom:1px solid #FFFFFF;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background:#FFFFFF;
color:#666666;
}
#div {
border:1px solid #000000;
margin-top:49;
padding:20px;
}
p {
font:bold 12px tahoma;
}
آیا واقعا با هر کدوم می شه کار اون یکی رو انجام داد ؟!