css - 我想要用于我的 DIV 的 CSS 不起作用

Question

我是 html/css 的新手，我正在为学校做一些事情。我用 DIV id 做了不同的事情，然后在我的外部 css 工作表中做了一个 # 并且一切正常，我创建了一个漂亮的布局。现在我想要斜体、红色和其他常规文本的某些部分。我想到了用div包裹需要斜体的部分。但是这次好像不行了。有人知道我做错了什么吗？其他 DIVS 确实有效:

重要说明:所有 CSS 都必须位于外部 CSS 表中。我不知道为什么，但它在学校是强制性的。所以我不能做 DIV style="。它必须与 #

HTML:

<div id="navigation">
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="nieuwsartikel.html">Nieuwsartikel</a></li>
            <li><a href="sfeerverslag.html">Sfeerverslag</a></li>
            <li><a href="column.html">Column</a></li>
        </ul>
    </nav>
</div>

<div id="content">
    <article>
        <h1>
            De Groot spreekt over informatieoorlog
        </h1>

<div id="italic">
    Aan de bar van het duistere bestofte cafeetje in Amsterdam zit ze, Naomi de Groot. Bijna onherkenbaar, vermomd door middel van een paarse pruik en een enorme zonnebril. Nederlands meest bekende complottheoriste kijkt wantrouwend naar haar bestelde glas cola, ze schuift het aan de kant en pakt uit haar tasje een fles met zelf gefilterd water. ‘je kan niet voorzichtig genoeg zijn’ fluistert ze. Ik kan niet wachten om haar te interviewen over haar gedachtes en visies met betrekking tot internet privacy.
</div>

---

我的 CSS:

#content h2
{
    color:#000;
    font-size: 160%;
    margin: 0 0 .5em;
}

body 
{ 
    background-image: url(http://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-1-full.jpg); }
}

#italic
{
    font-style:italic;
    color:red;
}

#footer
{
    background:#ccc;
    text-align: right;
    padding: 20px;
    height: 1%;
}

Answer 1

这应该有效 http://jsfiddle.net/VyeU7/

基本的 CSS 规则:

Html 标签定义该标签的样式，例如

div
{css here}

前导点定义具有该类的所有元素的样式，例如

.yourclass
{css here}

前导标签定义具有该 id 的元素的样式(作为规则，一个 id 应该只应用于单个元素)

#element_id
{css here}