在css中設置多個段落樣式

這是一個頂級問題，更基於我對css的無知。我試圖在css中創建兩個段落樣式，一個是20px字體大小，另一個是14px字體大小。不過，無論我看起來如何，字體都是一樣的。附上的是我現在正在做的事情的一個例子，如果任何人都能指出我的解決方案，我將非常感謝。爲了避免不必要的代碼，我爲了不少的原因而放棄了。在css中設置多個段落樣式

html代碼看起來像這樣

<p>This is the html section with 20 px font</p> 

<p class="new_font"> This is the html section with 8px font</p> 
/* I have also tried this with a <div class="new_font"> and and <p id="new_font>"*/

的CSS代碼如下所示

p { 
    /*text-indent: 1.5em;*/ 
    font: 20px Helvetica, Sans-Serif; 
    color: white; 
    overflow: hidden; 
    padding: 15px; 
    text-align: justify; 
    background: rgb(0, 0, 0,0.3); /* fallback color */ 
    background: rgba(0, 0, 0, 0.7); 
} 
p new_font { 
    /*text-indent: 1.5em;*/ 
    font: 14px Helvetica, Sans-Serif; 
    color: white; 
    overflow: hidden; 
    padding: 15px; 
    text-align: justify; 
    background: rgb(0, 0, 0,0.3); /* fallback color */ 
    background: rgba(0, 0, 0, 0.7); 
}

來源

2015-11-17 Jon

p new_font'只要改變''到p.new_font' –

嘗試是這樣的https://jsfiddle.net/2Lzo9vfc/113/ –

或者乾脆.new_font – progsource

你CSS是無效的，這就是爲什麼它是不是應用：

p new_font { 
    /* ... */ 
}

這應該寫成

p.new_font { 
    /* ... */ 
}

p new_font英文爲「select all new_font」標籤，它位於p標籤內。

p.new_font英語讀作「選擇所有p標記，有一個類屬性設置爲new_font」

來源

2015-11-17 18:01:42 Quantastical

小提琴：http://jsfiddle.net/AtheistP3ace/dh9av5jj/

你想使p new_font到p.new_font。

p new_font表示裏面有一個帶有new_font元素的段落。 new_font不是一個元素類型。

p .new_font表示裏面有一個段落，裏面有一個元素new_font。

但是你對段落new_font類，這樣選擇是：

p.new_font它說我有類new_font一個段落。

來源

2015-11-17 18:02:30 AtheistP3ace

您只需在CSS中缺少class dot聲明。

如果您在CSS中引用的類是.，否則如果您引用的ID是#。

p { 
    /*text-indent: 1.5em;*/ 
    font: 20px Helvetica, Sans-Serif; 
    color: white; 
    overflow: hidden; 
    padding: 15px; 
    text-align: justify; 
    background: rgb(0, 0, 0,0.3); /* fallback color */ 
    background: rgba(0, 0, 0, 0.7); 
} 
p.new_font { 
    /*text-indent: 1.5em;*/ 
    font: 14px Helvetica, Sans-Serif; 
    color: white; 
    overflow: hidden; 
    padding: 15px; 
    text-align: justify; 
    background: rgb(0, 0, 0,0.3); /* fallback color */ 
    background: rgba(0, 0, 0, 0.7); 
}

來源

2015-11-17 18:03:01

在css中設置多個段落樣式

回答

相關問題