在HTML頁面的CSS中創建樣式別名

我想要在動態構建的HTML頁面上選擇性地停止與< p>命令關聯的換行，並使用樣式來執行此操作。我知道在HTML頁面的CSS中創建樣式別名

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的編碼量。

有沒有辦法做到這一點？

2016-02-02 southskies

您無法創建自己的標籤，但可以使用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>

2016-02-02 07:41:29 Blady214

嚴格地說，你可以用javascript創建元素，所以這不完全正確。 'document.createElement（'x-foo'）'，然後將其實例化並將其添加到DOM，而上述元素的確是完全有效的。但是，顯然在這種情況下最好使用一個類。 –

@ToddMoore在HTML中，你也可以用幾乎相同的方式創建元素，但它對W3C無效。 – Blady214

這是不正確的，你不能只是在靜態HTML中創建一個元素，你是對的它不會有效。但是，通過javascript動態創建元素是完全有效的，特別是現在使用'WebComponent'規範。我的觀點是說你不能創建自己的標籤是不正確的。它給人的印象是，DOM不固定，不靈活。 –

就那樣做：

<span class="stop-p-lf"><p>Some text here</p></span><p>And some here</p>

這樣你可以選擇你想要的<p>標籤使用CSS：

p{ 
    color:blue; 
} 
.stop-p-lf p{ 
    color:red; 
}

2016-02-02 07:49:36 GreySharr

回答