2017-04-18 86 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

只是在我的編輯拷貝它,並認爲如此..你會是正確的! –