在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中设置多个段落样式

回答

相关问题