为什么我的CSS类不适用于<p>或<span>标签?</span> </p>

时间:2011-12-20 02:07:43

标签: css

为什么'test'类不适用于<p>代码和<span>代码的使用情况?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />   
        <title>Newsletter template</title>
        <!--general stylesheet-->
        <style type="text/css">
            p { padding: 0; margin: 0; }
            a {
                color: #455670; text-decoration: underline;
            }
            test {
                margin: 20; font-family: "Helvetica Neue"; font-size: 20px; font-weight: normal; color: #666666; line-height: 15px !important;
            }
        </style>
    </head>
    <body>
        <p class="test"><span class="test"> Check the spelling of the words you typed.</span></p>
    </body>
</html>

6 个答案:

答案 0 :(得分:8)

使用.testtest是元素选择器。

答案 1 :(得分:3)

因为它应该是.test,因为它是一个类,而不仅仅是test

答案 2 :(得分:3)

在CSS中,要按类选择元素,您需要在类名前加上.前缀,

test {
    margin: 20;...
}

期望看到一个名为test的HTML元素 - 但是没有这样的元素。将选择器更改为

.test { ... }

答案 3 :(得分:1)

CSS中的类名需要一段时间。

答案 4 :(得分:1)

如果您对网站有任何反馈,请使用页面顶部的菜单选项。

答案 5 :(得分:1)

使用.test而不是样式测试。在填充中使用 0px ,使用margin而不是0.:)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
        <head>
            <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />   
            <title>Newsletter template</title>
            <!--general stylesheet-->
            <style type="text/css">
                p { padding: 0px; margin: 0px; }
                a {
                    color: #455670; text-decoration: underline;
                }
                .test {
                    margin: 20px; font-family: "Helvetica Neue"; font-size: 20px; font-weight: normal; color: #666666; line-height: 15px !important;
                }
            </style>
        </head>
        <body>
            <p class="test"><span class="test"> Check the spelling of the words you typed.</span></p>
        </body>
    </html>