html - 在 HTML 页面的 CSS 中创建样式别名

Question

我想在动态构建的 HTML 页面上有选择地停止与

命令关联的换行，并且我正在使用一种样式来执行此操作。这个我知道

   p {
   display: inline
    }

可以这样做，但我不想在整个页面中不断添加此标记。

有没有一种方法可以创建 p 标签的别名，或者以某种方式创建另一个将调用该样式的标签。

例如(我知道这段代码行不通)，比如

  <style type="text/css">
  stop-p-lf {
     p {
       display: inline
     }
  }
  </style>

然后在我的 HTML 中我只使用这样的标签..

  <stop-p-lf>the next p tag will not line feed <p> 
   but the one after this</stop-p-lf> <p> will

我希望使用这些标签来提高可读性并减少整个 html 的编码量。

有没有办法做到这一点？

Answer 1

您不能创建自己的标签，但可以使用 CSS 类来创建。例如:

.stop-p-lf p { display: inline; }

然后在 HTML 中:

<div class="stop-p-lf"><p>This will be inline</p></div><p>And this don't</p>