结构错误,写结构时切记,别把结构写混了,写页面时先构思好,把外层的大盒子先写出来,再把大盒子里面的小盒子嵌套进去,
样式错误,有可能是权重不够,权重不够时,尽量把所有的父盒子名字都写进去
<style>
.nav li {
color: red;
}
.nav li.last {
color: orange;
}
</style>
</head>
<body>
<div class="nav">
<ul>
<li>这是第1个li</li>
<li>这是第2个li</li>
<li>这是第3个li</li>
<li>这是第4个li</li>
<li class="last">这是第5个li</li>
</ul>
<p></p>
<span></span>
</div>
还有一个就是!important,最重要的,这个就是权重里的大姐大了,它的权重最高
.nav li {
color: red !important;
}
还有就是给一个标签设置高度和宽度时,显示不出来,这时候就要看这个标签时什么元素,如果是行内元素就不能设置宽高,把它转换为行内块元素或者块元素
转换为块元素,块元素时独占一行的,可以设置宽高度
display:block;
转换行内元素,不能设置宽高
display:inline;
转换行内块元素,可以是指宽高
display:inline-block;
还有定位,当你给子元素绝对定位时,一定要记住给父级元素相对定位,不然你定位的元素会瞎跑的,
position: relative;
position: absolute;
position:fixed;
而且使用定位和浮动是完全脱标的,
定位一定要给父级元素加定位,浮动脱标时要清除浮动,
暂时就这些了,想到了再写,如果我有写错的评论出来,我好及时改,谢谢哈