html样式优先级_随笔

几大类样式优先级

1、继承样式（无优先级）

</view>

span中的样式会继承view中定义的所有的样式，一但span中有自己的样式就会覆盖从view中继承的样式

2、通配样式

*星号定义通配样式，引用样式文件的所有标签均可用，标签如有自己的样式也会覆盖通配样式中相同的属性值

3、标签样式

以系统标签命名的样式即适用于文件中该类标签，标签如有自己的样式……同上

4、class样式

5、id样式

#id1 {……}

6、style样式

样式看完了，上硬菜，对以上六种样式做优先级讲解

1、继承样式无优先级

2、*通配样式优先级 0

3、div样式优先级 0，0，0，0

4、.class类样式优先级 0，0，1，0

5、#id样式优先级 0，1，0，0

6、style样式优先级 1，0，0，0

排序：6>5>4>3>2>1

如果在属性后面加上【！important】，那就是代表这个属性无可替代，以加了【！important】修饰的为准

<head>

<title>无标题文档</title>

</head>

<body>

<tr>

<td style="font:'宋体'">字体控制为宋体</td>

</tr>

</table>

</body>

</html>

---------这就是一个简单的html页面，然后其中的font body table tr td层级关系，正常情况下，不需要考虑body的，因为他是整个页面容器，其他显示内容均在body之中，tr td就是行列的，需要注意的是，先行（tr）再列（td）

欢迎分享，转载请注明来源：内存溢出

html样式优先级