什麼::之前在其自己的行做HTML？

這可能是一個愚蠢的問題，但如果我有這樣的事情：什麼::之前在其自己的行做HTML？

<div id="topDiv"> 
    <header id="headerId" class="headerClass" style="display: block;"> 
    ::before 
    <div>...</div> 
    <div>...</div> 
    <div>...</div> 
    </header> 
</div>

這是什麼「前」在HTML嗎？

我明白，如果我做的在它的每一個p元素之前添加這些屬性的CSS如下：（這是從W3Schools例子）

p::before { 
     content: "Read this -"; 
     background-color: yellow; 
     color: red; 
     font-weight: bold; 
    }

來源

2015-02-10 worker11811

你看到的是::before，因爲這是如何瀏覽器開發人員工具在文檔樹視圖中表示一個CSS ::before僞元素。

如果在HTML文件中字面意思是「:: before」字符串，那麼它就沒什麼特別之處，因爲它在HTML中沒有意義;它只會顯示爲頁面上的「:: before」文本。

來源

2015-02-10 07:15:21 BoltClock

我想可以有兩個原因（它通過個人經驗&觀察不支持的有效參考）

1）它提供了這些僞選擇的可視化表示根據div來之前 ::before它們的含義其中其div之後施加到並::after到其施加到

2）僞選擇器用來插入在HTML一些content:''。所以這提供了一個獨特的表示。用戶可以通過這些僞碼輕鬆檢查哪些內容被插入HTML。

而且它是在每個瀏覽器上如何實現並顯示僞代碼。

祝你好運！

來源

2015-02-10 07:30:22

這是說，你有一個僞元素在你的HTML。由於它不是一個「真實」元素，因此不能像使用div和按鈕等「真實」元素那樣對其進行物理操作。

您可能還會看到::after出現在某個地方，代表某處您的id="headerId"或class="headerClass"有一個::before元素聲明。

他們沒有宣佈像<after></after>或像這樣的東西的全部理由是因爲它是「鬼」或「真元」的「影子」，因此只能風格/前的CSS操縱html被渲染。

來源

2015-02-10 09:33:23 jbutler483

什麼::之前在其自己的行做HTML？

回答

相關問題