时间戳

首页 > 解决方案 >

标签不接受 CSS

html -
标签不接受 CSS

问题描述

.pixelUnit {
  font-size: 30px;
  margin: 1px;
  padding: 1px;
  border: 1px solid brown;
  background-color: rgb(136, 3, 3);
  color: brown;
  text-align: center;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="Basic.css">
  <title>Basic</title>
</head>

<body>
  <div class="pixelUnit">
    Think before you ink! - Pixels
    </div>
</body>

</html>

由于某种原因，带有指定类的 div 标签不接受 CSS。起初我以为 CSS 文件没有加载，但我使用的任何其他标签并在 CSS 文件中指定样式都显示得很好

标签： htmlcss

解决方案

<div class="pixelUnit">

您在和之间有一个不间断的空格。将其替换为常规空间。divclass

标记验证器和unicode 解码器等工具可以帮助您识别此类问题。

.pixelUnit {
  font-size: 30px;
  margin: 1px;
  padding: 1px;
  border: 1px solid brown;
  background-color: rgb(136, 3, 3);
  color: brown;
  text-align: center;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="Basic.css">
  <title>Basic</title>
</head>

<body>
  <div class="pixelUnit">
    Think before you ink! - Pixels
    </div>
</body>

</html>

推荐阅读