Question

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title> Title </title>
        <style>
            h1 {
                color: red;
            }
            <link href="style.css" rel="stylesheet">
        </style>
    </head>
    <body>
        <h1>TEST</h1>
    </body>

style.css包含以下内容：

h1 {
    color: green;
}

我期待“TEST”这个词的颜色变为绿色，因为head标签中的语句顺序，但它是红色的。请帮忙，谢谢。

Answer 1

<link href='style.css' rel='stylesheet">

之后应该移动

</style>

标签

Answer 2

试试这个：

  <style>
                h1 {
                    color: red;
                }            
            </style> <link href="style.css" rel="stylesheet">

在HTML头标记中混合外部和嵌入样式

2 个答案: