[分享]css不识别自己定义标签

今天我在写 CSS 样式表的时候，遇到了一个问题。我定义了一个自己的标签，但是样式表里不认识这个标签。.mytag { color: red; } 我在 HTML 文件里定义了一个 标签：这里是一段...

今天我在写 CSS 样式表的时候，遇到了一个问题。我定义了一个自己的标签，但是样式表里不认识这个标签。

.mytag {
  color: red;
} 

我在 HTML 文件里定义了一个 <mytag> 标签：

<mytag>这里是一段文本</mytag> 

但是当我在浏览器里查看页面时，发现这段文本并没有变成红色的。于是我开始排查问题，发现并没有写错样式表。

我猜测可能是浏览器不认识 <mytag> 标签，于是我在 Google 上进行了搜索。结果我看到了一篇文档，说如果想要定义自己的标签，最好使用 <div> 或 <span> 标签，并在其上定义 class 或 id。

于是我修改了 HTML 文件的代码：

<div class="mytag">这里是一段文本</div> 

然后在样式表中写了 class .mytag 的样式：

.mytag {
  color: red;
} 

这次查看页面时，发现文本已经变成了红色，证明这种方法可以让 CSS 认识自己定义的标签。

总结一下，如果要定义自己的标签，并让 CSS 认识，最好使用 <div> 或 <span> 标签，并在其上定义 class 或 id。