2017-04-18 82 views
0

我正在创建一个个人网站,其中有一个简历页面,列出了我的教育内容。我想将大学名称与其他文本分开进行格式化。CSS不适用于<span>类

的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; 
} 

这是行不通的。 span文本与段落文本的其余部分没有区别。当我选择div ID时,整个文本以粗体显示,所以可能,但选择span级别时可能不会。我错过了什么?

+0

修复报价,你应该很好去。 ''''应该是''' – blackandorangecat

回答

4

代码正在工作,但您的版本正在使用resEducInst类,而不是"。请参阅下面的代码。

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

+1

是的,就是这样,谢谢! –

+0

@ B.Cage接受并投票,好友:) – cosmoonot

0

hahhah。你不会很高兴听到这个,但看看你的span类中的引号。

,如果你从网上某处复制的代码,他们应该是“但你必须“,这是不正确的字符。容易犯的错误。

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

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>

+1

双引号(''')都很好。这只是引用问题的风格。 – blackandorangecat

+1

只是在我的编辑拷贝它,并认为如此..你会是正确的! –