我刚刚添加了一些新的html元素到一个现有的网站,不受随行的css规则的影响。当我检查元素没有CSS显示这些HTML元素。我知道该页面正确链接到CSS文件,否则页面上没有任何内容会像它应该那样。该网站可以在http://evolutionhire.com/查看。在耗材部分,我有一系列包含图像和跨度的div这似乎是不受影响新添加的html元素没有链接到css
<div class="shop-item">
<h1>BONGO TIES</h1>
<span class="shop-price"><span class="prices">7 euro</span> per pack</span>
<img src="img/bongo.png"/>
</div>
.shop-item {
float: left;
margin: 10px 56px 0px 0px;
text-align: left;
position: relative;
cursor: pointer;
overflow: hidden;
}
.shop-price {
position: absolute;
top: 41px;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: 0.6s ease-in-out;
padding: 50px 10px 10px 10px;
text-align: left;
box-sizing: border-box;
color: white;
font-size: 14px;
display: table-cell;
vertical-align: middle;
line-height: 18px;
}
https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fevolutionhire.com%2Fcss%2Fstyle.css&profile=css3&usermedium=all&warning=1&vextwarning=&lang = en – j08691
你有没有尝试过使用其他一些名字'shop_price'而不是'shop-price' –