HTML中的CSS代码无效

时间:2015-11-07 06:28:57

标签: html css

我在记事本中编写代码并由Chrome执行,但我没有看到颜色appaear,

http://i.imgur.com/RJHb2Xp.png

似乎代码的CSS部分没有生效,我该怎么办才能让CSS部分生效?

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>TITLE</title>
        <style type="text/css">
            body {background:white; color:black}
            a:link {color:red}
            a:visited {color:green }
            a:active {color:blue}
        </style>
    </head>
    <body>
        <h1>B blue T Black</h1>
    </body>
</html> 

3 个答案:

答案 0 :(得分:5)

Lazy<int> lazyResult = new Lazy<int>(GetComputationResult); public int Result { get { return lazyResult.Value; } } public void Reset() { lazyResult = new Lazy<int>(GetComputationResult); } 不是<h1>,因此您的<a href="">个样式都不适用,只会应用a:,这就是您的文字为黑色的原因。

body { color: black; }规则替换为单个a:规则,或将h1替换为<h1>

答案 1 :(得分:3)

你可以尝试这个:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>css</title>
        <style type="text/css">
            body {background-color:white; }

h1 
{
color:red;
}
        </style>
    </head>
    <body >

        <h1>B blue T Black</h1>
    </body>

答案 2 :(得分:1)

您的标题不是链接。您的CSS设置正确,只是没有要设置样式的链接。用你的标签包裹,你应该好好去!