CSS不适用于<span>类

时间:2017-04-18 02:02:13

标签: html css

我正在创建一个个人网站,其中有一个简历页面,我列出了我的教育。我想将大学名称与其他文本分开格式化。

HTML是:

<div id="resEduc">
   <p>
      <span class=“resEducInst”>University 1</span> 
      ...
   </p>
   <p>
      <span class=“resEducInst”>University 2</span>
      ...
   </p>
</div>

CSS是:

.resEducInst {
   font-weight: bold;
}

这不起作用。范围文本与段落文本的其余部分没有区别。当我选择div ID时,整个文本都是粗体,所以这是可能的,但仅在选择span类时不是这样。我错过了什么?

3 个答案:

答案 0 :(得分:4)

代码正常运行,但您的版本在类附近使用resEducInst,而不是"。请参阅下面的代码。

&#13;
&#13;
.resEducInst {
   font-weight: bold;
}
&#13;
<div id="resEduc">
   <p>
      <span class="resEducInst">University 1</span> 
      ...
   </p>
   <p>
      <span class="resEducInst">University 2</span>
      ...
   </p>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

hahhah。你不会很高兴听到这个,但看看你的跨度类别的引号。

他们应该是&#34;但你有“哪个不是正确的角色。如果您从在线某处复制代码,则容易出错。

我试过了,问题解决了。 https://www.w3schools.com/code/tryit.asp?filename=FEQLTXN9RWVF

答案 2 :(得分:0)

在这里!

跨度的双引号导致它..

.resEducInst {
   font-weight: bold !important;
}
<div id="resEduc">
  <p>
    <span class='resEducInst'>University 1</span> ...
  </p>
  <p>
    <span class='resEducInst'>University 2</span> ...
  </p>
</div>