同个CSS文件部分CSS样式无法在HTML中找到
,就是CSS文件中的“a02”样式在HTML中一直无法找到。
需要用到的图片
源代码
九寨沟:世界自然遗产、国家重点风景名胜区、国家……(此处省略文字)
九寨沟:世界自然遗产、国家重点风景名胜区、国家……(此处省略文字)
css代码
@charset "utf-8";
/* CSS Document */
body{
font-family: arial;
font-size: 12px;
padding: 0px;
margin: 0px;
background: #f8f8f8;
}
a{
text-decoration: none;
}
img{
border: none;
}
.main{
width: 1000px;
margin:auto;
background: #fff;
padding: 3px;
}
.matter3{
width: 1000px;
margin: auto;
margin-top: 6px;
overflow: hidden;
}
.matter3.left{
width: 760px;
float: left;
}
.bitou{
color: #333;
}
.bitou a{
color: #333;
}
bitou a:hover{
color: #1693ff;
}
.content6{
width: 730px;
background: #f0f0f0;
margin: 10pX auto;
border: 1px solid#dddddd;
padding: 15px;
}
.xianq{
width: 730px;
margin: 0px auto 10px;
background: #f9f9f9;
border: 1px solid#dddddd;
font-size: 16px;
color: #737373;
text-align: center;
padding: 15px 0px;
font-weight: bold;
}
.content6.xianq p{
font-size: 12px;
font-weight: normal;
text-align: left;
padding: 0px 10px;
line-height: 24px;
}
.riqi{
text-align: center;
color: #a6a6a6;
padding-bottom: 10px;
}
.wai{
width: 730px;
height: auto;
background: #fff;
border: 1px solid#dddddd;
text-align: center;
padding: 10px 0px;
}
.wai img{
vertical-align: middle;
}
.matter3.left.a02{
width: 760px;
height: 500px;
background: #fff;
border: 1px solid#dddddd;
vertical-align: middle;
text-align: center;
background: #f0f0f0;
}
.matter3.left.a02 img{
vertical-align: middle;
padding: 15px 0px;
}
.xianq1{
width: 719px;
margin: 10px auto 10px;
background: #f9f9f9;
border: 1px solid #dddddd;
font-size: 16px;
color: #737373;
text-align: left;
font-size:12px;
font-weight: normal;
padding: 0px 20px;
line-height: 24px;
}
并且放在相同文件夹中
CSS代码中我明明写了a02样式
但是我HTML中就是没有这个样式
导致我的运行图片没有此样式包裹图片偏移,正常应该和图一一样有个框
你的class选择符写错了、多个层级class选择符之间要有空格。
.matter3 .left .a02 {
.matter3 .left .a02 img{
如果没有空格.matter3.left.a02 就需要在同一个元素的class属性中同时有这三个"matter3 left a02"才能被选择
样式类名错误 了呗