Question

这是一个顶级问题，更多的是基于我对css的无知而不是其他任何问题。我想在css中创建两个段落样式，一个字体大小为20px，另一个字体大小为14px。但是，无论我做什么，字体都是一样的。附件是我现在正在做的一个例子，如果有人能指出我的解决方案我会非常感激。为了简单起见，我遗漏了不必要的代码。

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

Answer 1

您的CSS无效，这就是它不适用的原因：

p new_font {
   /* ... */
}

那应该写成

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

p new_font以英文读取＆＃34;选择位于new_font标记内的所有p标记＆＃34;。

p.new_font以英文读取＆＃34;选择所有p个标记，其类属性设置为new_font＆＃34;

Answer 2

小提琴：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的段落。

Answer 3

你简直错过了CSS中的类点声明。

如果你在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);
}

在css中设置多个段落样式

3 个答案: