سلام من یک تگ style داخل هر صفحه دارم که به شکل زیر هست :
<head>
<style type="text/css">
BODY { FONT-WEIGHT: bold; FONT-SIZE: 80%; BACKGROUND: #fff; MARGIN: 0px; FONT-FAMILY: tahoma }
H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 14px tahoma; COLOR: #000; PADDING-TOP: 0px }
UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
IMG { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none }
#menu9 { MARGIN: 0px; WIDTH: 100% }
#menu9 LI A { HEIGHT: 25px; TEXT-DECORATION: none; voice-family: inherit }
#menu9 LI A:link { PADDING-RIGHT: 25px; DISPLAY: block; BACKGROUND: url(../forms_pics/menu9.gif); PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 8px }
#menu9 LI A:visited { PADDING-RIGHT: 25px; DISPLAY: block; BACKGROUND: url(../forms_pics/menu9.gif); PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 8px }
#menu9 LI A:hover { PADDING-RIGHT: 25px; PADDING-LEFT: 0px; BACKGROUND: url(../forms_pics/menu9.gif) 0px -32px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 8px }
#menu9 LI #current { PADDING-RIGHT: 25px; PADDING-LEFT: 0px; BACKGROUND: url(../forms_pics/menu9.gif) 0px -32px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 8px }
</style>
</head>
و یک فایل css هم به شکل زیر دارم
TABLE
{
font-size: 8pt;
font-family: Tahoma;
vertical-align: top;
direction: rtl;
text-align: center;
}
input
{
font-size: 8pt;
font-family: Tahoma;
direction: rtl;
}
TD
{
font-size: 8pt;
font-family: Tahoma;
direction: rtl;
text-align: right;
vertical-align:top;
}
BODY
{
text-align:center ;
background-color:lightgrey ;
direction:rtl ;
}
.center_td
{
text-align:center ;
background-color:White ;
}
حالا در هر صفحه ایی که فایل css را link می کنم قسمت هایی از صفحه که باید از فایل css خوانده شوند از style داخلی خوانده می شود .
چطور میشه بین این ها تفاوت قائل شد و به فایل css اولویت داد تا tag های هم نام در صفحه از فایل css خوانده شده و فقط قسمتی مشخص از style داخلی خوانده شود ؟
با تشکر