Question

我的问题很简单，我不知道从哪里开始解决问题。

我正在处理一些HTML教程，并且我在同一目录中有以下文件：

HTML：

<html>
    <head>
        <meta charset="ntf-8"/>
        <title> Tutorial 24 - pseudo classes</title>
        <link rel="stylesheet" href="main.css"/>
    </head>
    <body>
        <p> You </p>
        <p> Only </p>
        <p> Live </p>
        <p> Once </p>
    </body>
</html>

和CSS：

p:first-letter( 
    color:blue; 
    font-weight:bold;
    font-size:20px;
)

但是当我在Chrome中打开我的HTML文件时，它不会占用我的样式......

Answer 1

你的css应该使用花括号而不是括号

Answer 2

此语法的无效语法更改

p:first-letter( 
    color:blue; 
    font-weight:bold;
    font-size:20px;
)

到此

p:first-letter{
    color:blue; 
    font-weight:bold;
    font-size:20px;
}

() - ＆gt; {}

HTML doc没有读取CSS文件？

2 个答案: