我对我的网站进行了一些更改,包括style.css和reponsive.css,但是现在,我的页面根本没有阅读style.css,但阅读了所有其他内容,我不知道为什么。
所有内容似乎都正确链接:但是由于某些原因,我的style.css中的某些样式并未应用到我的网站上。
我尝试检查该网站(F12),但发现它没有采用样式。
我已经尝试过!important标签,但还是没有。
样式表已正确链接,但由于某种原因它无法读取类。
这是我网站上指向style.css的链接
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
例如:我的网站上有此部分:
.main_test {
width: 100%;
display: block;
}
.test_item {
padding: 40px;
transition: all 0.6s;
border: 1px solid transparent;
}
.test_item:hover {
border: 1px solid #ddd;
background-color: #fff;
}
.test_item:hover .item_img i {
color: #fff;
background-color: #de2c27;
}
.main_test .item_img {
float: left;
display: inline-block;
width: 20%;
margin-right: 5%;
}
.main_test .item_text {
display: inline-block;
width: 70%;
}
.item_img {
position: relative;
}
.item_img i {
background-color: #fff;
position: absolute;
right: -13%;
top: 50%;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: #ddd;
border-radius: 50%;
box-shadow: 1px 0px 0px 0px #ddd;
}
<section id="test" class="test bg-grey roomy-60 fix">
<div class="container">
<div class="row">
<div class="main_test fix">
<div class="col-md-12">
<div class="test_item fix">
<div class="item_img">
<img class="img-circle" img alt="URS-Customer-reference" src="assets/images/Customer-Ref-MensShoe.jpg">
<i class="fa fa-quote-left"></i>
</div>
<div class="item_text">
<h5><strong>TEXT</strong></h5>
<h6>TEXT2</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
但它不读。