نحوه ي استفاده از آي دي و كلاس

[Mohammadreza]

من در كد هاي سي اس اس مي بينم كه بعضي جاها فقط با استفاده از # نوشته شدند و بعضي جاها با نوشتن تگ قبل از #
مثل كدهاي زير ....
مي شه توضيح بدين ؟

body {
	font: .8em/1.8em verdana, arial, sans-serif;
	background-color: #FFFFFF;
	margin-left: 50px;
	margin-right: 100px;
}
#content {
	border: 1px solid #711515;
	border-top: none;
	padding: 10px 5px 6px 5px;
}
#content h1 {
	font-size: 30px;
	color:#0033FF;
	background-color: transparent;
}
ul#tabnav {
	list-style-type: none;
	margin: 0;
	padding-left: 40px;
	padding-bottom: 24px;
	border-bottom: 1px solid #711515;
	font: bold 11px verdana, arial, sans-serif;
}
ul#tabnav li {
	float: left;
	height: 21px;
	background-color: #B51032;
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border: 1px solid #711515;
}
ul#tabnav a:link, ul#tabnav a:visited {
	display: block;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	padding: 4px;
}
ul#tabnav a:hover {
	background-color: #F4869C;
	color: #FFFFFF;
}

 

[amirabbas_p30magazine]

اون اصلا ربطی به آیدی و یا کلاس نداره
وقتی اسم تگ به طور خالی میاد مثل

body

این یعنی اون سبک مورد نظر رو به کل تگ body اعمال کن. اگر مثلا نوشته باشه p این یعنی سبک مورد نظر رو به تمام تگ های پاراگراف اعمال کن.

وقتی قبل از یه کلمه # میاد یعنی اون کلمه یه آیدیه.
وقتی قبل از یه کلمه . میاد یعنی اون کلمه یه کلاسه

اگر این چیز هایی که من میگم برای شما مفهوم نیست به احتمال زیاد شما تازه کار با CSS رو شروع کردی و اصلا با مقدمات CSS آشنا نیستی. براش شروع تو تاپیک های همین بخش بگرد میتونی یه سری مقاله ابتدایی از CSS پیدا کنی. نگاهی به این فیلم ها بندازی هم بد نیست http://forum.majidonline.com/showthread.php?t=77135 البته هنوز آموزش CSS تو فیلم ها شروع نشده ولی در آینده فیلم ها هم بیشتر میشه

 

[Mohammadreza]

عزيز منظور من اين بود كه چرا بعضي جاها اينطوريه #content چرا ننوشتِم div#content
و چرا بعضي جاها اينطوري ul#tabnav

 

[amirabbas_p30magazine]

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

 

[Mohammadreza]

اون اصلا ربطی به آیدی و یا کلاس نداره
وقتی اسم تگ به طور خالی میاد مثل

body

این یعنی اون سبک مورد نظر رو به کل تگ body اعمال کن. اگر مثلا نوشته باشه p این یعنی سبک مورد نظر رو به تمام تگ های پاراگراف اعمال کن.

وقتی قبل از یه کلمه # میاد یعنی اون کلمه یه آیدیه.
وقتی قبل از یه کلمه . میاد یعنی اون کلمه یه کلاسه

اينا رو همه بلدم
فقط مشكل من اينه كه كجاها بايد قبل از # يا . نام تگ رو بنويسيم
كجاها نبايد بنويسيم ...
تشكر

 

[amirabbas_p30magazine]

من هر چی میگم شما نمی دونم چرا قبول نمی کنید.
این ها selector ها هستند
مثلا این دستور

ul#tabnav li {
	float: left;
	height: 21px;
	background-color: #B51032;
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border: 1px solid #711515;
}

یعنی اینکه تمامی li های داخل یک ul که آیدی navbar دارد را تحت تاثیر قرار بده. فرمان رو باید از داخل به خارج بخونی (از پشت علامت کروشه به سمت چپ. دلیل اینکه بعضی جاها قبل از # یا . اسم یه تگ هست برای اینه

 

[Mohammadreza]

ايول اين شد جواب مرسي .....