【网站建设官网】优先级别高于导入的外部样式表 -网络营销推广_网站建设设计

【网站建设官网】优先级别高于导入的外部样式表

发表日期：2018-11-13 06:44:19

【网站建设官网】

<!．．下面的标题3中使用了行内样式，其优先级别高于导入的外部样式表一>

<h3 style=”font-size：13pt; font-weight:bold;color：#666;text-align：center”>超薄超值款</hl>

<!．．下面的段落中使用了行内样式，其优先级别高于导入的外部样式表一>

<p style=”color:purple”>购买美亚手机……不胜枚举。</p>

<／body>

<／html>

CSS文件名为extstyle.css，存放在文件夹style中，代码如下：

h3 {font_size:30pt;font-weight:bold;color:purple; text-align:center)

p{font-size：llpt; color：black;text-indent：2em)产定义段落文字llpt，黑色，文本缩进两个字符+／

p.author {color：blue;text-align：right) 产定义作者文字蓝色、右对齐+／

p.img {text-align：center} ／+定义图像居中对齐+／

p．content {color：blue) p定义内容文字蓝色4／

p.note {color：green;text-align：left) ／+定义注释文字绿色、左对齐4／

.bgcolor{background:blue) 严定义类，背景为蓝色+／

【案例说明】

①虽然导入的外部样式表文件（如extstyle.css）中包含.bg{background：blue），但结果不是蓝色的背景，依然是浅灰色的背景，因为内部样式表的优先级高于前面导入的外部样式表。

②被@import导入的样式表的顺序决定它们如何层叠，在不同规则中出现的相同元素由排在后面的规则决定。例如，本例<h3 class=”bgcolor”>美亚手机限时促销<m3>中文字的背景色由行内样式.bgcolor决定。

400-611-0508

全方位的营销咨询
精准的解决方案
一对一贴心服务