我摆脱了CSS中的类，并且我的段落元素无法正常工作……为什么？

Question

我在第一个项目中使用Django网络框架，试图调整字体。 但是，经过反复试验，我能够获得一种新的字体以呈现在页面上。 问题是当我骑上.font类时，无论出于何种原因，p {}元素都不再起作用，并且字体保持不变。 我无法以其他方式更改字体...我不知道为什么会这样，这让我发疯...

<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">

<head>
    <title>Test</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="{% static 'personal/css/bootstrap.min.css' %}" type = "text/css"/>
  <link rel="stylesheet" href="{% static 'personal/css/custom2.css' %}" type = "text/css"/>
  <link href="https://fonts.googleapis.com/css?family=Sansita" rel="stylesheet">
</head>


<!-- header table, no text displayed -->
<Br>
<Br>
<table  align='center' width='75%'  border= '0px'>
 <tr>
  <td bgcolor='transparent'>
  </td>
 </tr>
 s
</table>


<!-- main body -->

<body background = "{% static 'personal/img/background.jpg' %}">
<table align='center' width='75%' border='1px'>
<tr>
 <td bgcolor='white'>



    <div class="body" style="min-height:95%; ">
    <div class="row">

     <div class="col-sm-2">
                  <br>
                  <center>
                    <img src="{% static 'personal/img/profile.jpg' %}" class="responsive-img" style='max-height:100px;' alt="face">
                  </center>
              </div>

     <div class="col-sm-10">
                  <br>
      <p>test paragraph</p>
              </div>
        </div>


<!-- navigation bar -->
  <nav class="navbar navbar-inverse" >
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#"></a>
    </div>
    <ul class="nav navbar-nav">
     <li><a href='/header/'>HQ</a></li>
     <!--<li><a href='/blog/'>Blog</a></li>-->
     <li><a href='/bucket/'>TO DO</a></li>
     <li><a href='/influencers/'>TO MEET</a></li>
     <li><a href='/contact/'>TO CONTACT</a></li>
     <li><a href='https://www.linkedin.com/in/pete-humiston-30255a5b' target='_blank'>LinkedIn</a></li>
             </ul>
  </div>
</nav>


               {% block content %}
               {% endblock %}   


    <footer>
  <!-- This is a footer I'll leave for later. Overkill.
        <div class="container-fluid" style='margin-left:15px'>
            <p><a href="#" target="blank">Contact</a> | <a href="#" target="blank">LinkedIn</a> | <a href="#" target="blank">Twitter</a> | <a href="#" target="blank">Google+</a></p>
   --> 
        </div>
    </footer>   


 </td>
</tr>
</table>

</body>

</html>

Custom2.css

<style>
@import url('https://fonts.googleapis.com/css?family=Sansita');
</style>


.font {
 font-family: 'Sansita', sans-serif;
 }

p {
 font-family: 'Sansita', sans-serif;
 }

Answer 1

外部CSS文件（ Custom2.css ）不需要<style>标记-只需将CSS放入其中即可。 这些标签的存在将破坏下一个CSS规则。 因此，如果您的CSS文件中包含这些标签，并且删除了.font ，则不会读取p因为p现在将在这些标签之后。

内容应为...

@import url('https://fonts.googleapis.com/css?family=Sansita');
.font {
  font-family: 'Sansita', sans-serif;
}
p {
  font-family: 'Sansita', sans-serif;
}

我摆脱了CSS中的类，并且我的段落元素无法正常工作……为什么？

问题描述

1 个解决方案

解决方案1
1 2017-02-15 04:18:05

我摆脱了CSS中的类，并且我的段落元素无法正常工作……为什么？

问题描述

1 个解决方案

解决方案1 1 2017-02-15 04:18:05

解决方案1
1 2017-02-15 04:18:05