علاوه بر کلاس و Id، برخی از موارد در css به صورت کلی قابل تعریف شدن هستند، مثلا body استایل خود را به تگ body و زیر مجموعه آن اختصاص می دهد یا p به تمام عناصر پاراگرافی استایل خود را اختصاص می دهد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>جهان سایت | استایل بدون کلاس و آی دی</title>
<!-- http://jahansite.com -->
<style type="text/css">
body{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
direction:rtl;
}
p,div{
border:#CCC 1px solid;
padding:4px;
}
#main{
display:block;
background-color:#069;
}
.text{
color:#FFF;
}
</style>
</head>
<body>
<div id="main" class="text">
<p>
این یک متن در کلاس text و آی دی main است. برخی از ویژگی های کلی از div و p استفاده می کنند.
</p>
</div>
</body>
</html>
نکته:
در مثال بالا علاوه بر استفاده از آی دی main و کلاس text به صورت کلی style را برای تگ های div و p اختصاص داده ایم، با این کار تمام عناصر پاراگراف و بلاک های div آن ویژگی را خواهند داشت.
پیشنهاد رایگان
پیشنهاد رایگان
۱۰ نکته طلایی که باید قبل از داشتن وب سایت بدانید
برای دانلود رایگان این فایل صوتی ابتدا شماره موبایل و ایمیل خود را در فیلدهای زیر وارد نمائید و سپس به روی دکمه دانلود کلیک کنید