☰

VS 코드 버그. CSS가 요소를 전혀 잡지 않습니다.

tag-icon • tag-icon html visual-studio-code css
VS 코드 버그. CSS가 요소를 전혀 잡지 않습니다.

거래가 무엇인지 잘 모르겠고 다른 곳에서는 답변을 찾을 수 없습니다. 그러나 CSS 변경 사항이 브라우저에 로드되지 않습니다. h1 태그의 간단한 색상 변경에도 마찬가지입니다. 그러나 나는 이것이 사실인지 확인하기 위해 다른 프로젝트에 참여했고 이것이 잘 작동했는지 확인했습니다. 새로운 프로젝트를 시작할 때만 그런 것 같아요. 저는 Visual Studio 코드를 편집기로 사용하고 있습니다.

(이상한 설명을 해서 죄송합니다. 확실히 초보자이고 아직 용어를 배우고 있는 중입니다.)

간단히 이렇게 하면 변경 사항이 브라우저에 로드되지 않습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>Hello</h1>
</body>
</html>

h1 {
    color: red;
}

도움이 필요하세요?

답변1

귀하의 CSS 선언

h1 {
    color: red;
}

파일 에 직접 있을 수 있지만 태그 .html내부에 있어야 하며 <style>, 태그 내부에도 있어야 합니다 <head>.

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

전체 코드는 다음과 같습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        h1 {color:red;}
    </style>
</head>
<body>
    <h1>Hello</h1>
</body>
</html>

답변2

다음과 같이 h1 태그에 인라인 CSS 속성을 적용해 볼 수 있습니다.

<body>
    <h1 style="color:red;">Hello</h1>
</body>

또는 다음과 같은 태그에 코드를 넣을 수 있습니다.

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

또는 외부 CSS 파일을 사용하여 헤드 섹션에 연결할 수 있습니다.

관련 정보