我的HTML页面无法读取我的style.css工作表和类

时间:2019-03-28 10:48:02

标签: html css

我对我的网站进行了一些更改,包括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>

但它不读。

0 个答案:

没有答案