DIV的CSS类

Question

我错过了什么。我有以下CSS：

    <style = "text/css">
        .sidebar_qustions {padding: 10px; background-color: Green;}
        div.sidebar_qustions {padding: 10px;}
        DIV.sidebar_qustions {padding: 15px;}
        DIV .sidebar_qustions {padding: 20px;}
        ul.sidebar_questions_outer { list-style: none; margin: 0px; color: Red;}
        ul.sidebar_questions_inner { list-style: none; display:inline }
        li.sidebar_questions_inner { display:inline; padding: 5px; }
    </style>

当我在下面有这个代码时，sidebar_questions DIV没有被设置样式：

<div id="sidebarwrapleft">
    <div id="sidebar">
            <div class="sidebar_questions">

我以为我可以将一种风格应用于div，所以我尝试了几种不同的方法，但没有一种方法有效。是否可以将样式应用于DIV。

希望有人可以提供帮助。

Answer 1

样式标记应如下所示：

<style type="text/css">

为什么一遍又一遍地为同一个classe写指令？此外，'quEstions'拼写错误。

.sidebar_questions {padding: 10px; background-color: Green;}
div.sidebar_questions {padding: 10px;}
DIV.sidebar_questions {padding: 15px;}
DIV.sidebar_questions {padding: 20px;}

Answer 2

你的css中有错误的.sidebar_questions

你的css中有

.sidebar_qustions

并在您的HTML中

<div class="sidebar_questions">

要解决此类问题，请使用Firefox及其插件firebug。这将允许您右键单击页面的相关部分并查看正在应用的样式。如果没有显示样式，则表示您拼错了名称，或者未包含样式表，或者在这种情况下定义样式表元素时出错。

您可以查看here以获取正确的WC3建议作为参考。