我剛剛添加了一些新的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' –