1、继承样式（无优先级）
<view class="c1">
<span>span text</span>
</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】修饰的为准
<!DOCTYPE html><html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
<title>
三角形图标的特殊做法
</title>
<style type="text/css">
* {
font-size:12px
}
ul li {
list-style:none
margin:0
padding:0
}
li {
height:25px
}
em {
display:block
font:0/0 "宋体"
border:4px solid
border-color: transparent transparent transparent black
float:left
margin-top:2px
}
</style>
</head>
<body>
<ul>
<li>
<em>
</em>
这是一个带三角的新闻列表
</li>
<li>
<em>
</em>
这是一个带三角的新闻列表
</li>
<li>
<em>
</em>
这是一个带三角的新闻列表
</li>
<li>
<em>
</em>
这是一个带三角的新闻列表
</li>
<li>
<em>
</em>
这是一个带三角的新闻列表
</li>
</ul>
</body>
</html>
有序排序：<ol>
<li>A</li>
<li>B</li>
<li>C</li>
</ol>
无序排序：
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）