نتیجه اعمال چند Style مختلف

اگر چند Property روی یک Selector در دو style sheet مختلف تنظیم شود، در نهایت Selector مربوطه تمام مقادیر را به ارث خواهد برد.

برای مثال، مقادیر زیر در یک Style خارجی تنظیم شده است:

h3
{
color:red;
text-align:left;
font-size:8pt;
}

و همچنین مقادیر زیر به صورت داخلی در صفحه HTML تنظیم شده است:

h3
{
text-align:right;
font-size:20pt;
}

اگر فایل خارجی به صفحه HTML لینک باشد، در نهایت مقادیری که تنظیم خواهد شد به صورت زیر است:

color:red;
text-align:right;
font-size:20pt;

توضیح: رنگ از فایل CSS خارجی و بقیه موارد از Style داخلی به ارث برده می شود.

آموزش های مرتبط

آموزش CSS-فایل CSS خارجی