CSS之前 - 原來，舒適，實用

偽元素和偽類CSS：前，後，懸停，活動等 - 以提高質量，簡化了執行現場，不包括明顯的JavaScript的處理程序代碼，有效的機會並不需要複雜的反應設計，元素的事件，對話和訪問者的行為。

偽方便，多功能，有顯著和多種選擇屬性，簡單和複雜的版權盤：如何原來提請注意，無縫澄清帶來了一絲在正確的地方需要採取的行動。

偉大的前景打開偽的內容指定網址時（）。 事實上，這個選項打開了新的視野，無論是在下載任何內容到頁面的條款，以及任何可能激活的任何地方

偽的一個顯著特點

偽（:: CSS前，後::）從最初沒有在文檔樹中存在的元素，選擇器和偽類不同。 也許，在實踐中並非特別重要，但如果我們考慮將網站上的內容的問題，您信任的有意義的搜索引擎沒有意義的內容屬性。

偽:: CSS允許之前，你將內容添加到元素，和::之後 - 之後。 內容可以從簡單的文本格式複雜的CSS屬性方面，但沒有HTML標記的不同而不同。 偽可以完全定位的元件，其被附連到內部的，因為之前和之後的含義是相對的，可移動的。 你不能只指定位置，而且大小， 顏色，背景， 字體，並使用CSS的其他功能。

由於 偽CSS的， 之前和用符號前面都經過“：”，但CSS3標準的建議“::”。 為了測試在頁面上特定用途絕不會超過某些瀏覽器或版本可能根本不會注意到一個特別的假。

一般使用規則

通過放置，例如，div元素描述類='scElement'和內容“元素”的頁面，指示CSS-樣式表描述：

.scElement {
POSITION ...;
z-index的...;
...

}

CSS“前::”偽和：你可以申請一個偽“懸停”：

.scElement：懸停:: {內容之前：'前綴'; 顏色...; 背景顏色...;}。

然後，當你將鼠標懸停字“元素”之前，鼠標指針會出現單詞“前綴”，這將改變字母和背景的顏色。

內容變化偽

如果沒有指定偽屬性，它們將是相同的主要元素 - scElement。 當光標顯示元件上的圖像的URL（'/ scBox / RM-V / SC-rights.png“）：您可以指定的URL，然後將內容屬性。 在的內容的情況下：“\ 03B1”出現的數學符號“阿爾法”，但使用特殊字符：“＆NBSP;”，“ ＆LT;”，“＆LAQUO;”，“＆RAQUO;” 和別人不一樣 - 這是他們將被顯示出來。

允許大量的選項來指定假的內容：正常的“文本”，網址（），十六進制字符序列，是指：開報價/關閉引號，或者沒有打開引號/無近距離報價等。可能是內容的絕對位置的指示。通過樣式屬性，通過應用之前，CSS將任何地方偽中的元素與其連接。

您可以組合的前後同時使用。 因此，之前的內容字符使用CSS放置，你可以得到多種效果，結合不同的偽類和偽元素，驚喜遊客，同時即使是單字節碼的JavaScript不花錢。

特點偽

對於它們的名稱採用了“：”字符，以及指假，但與CSS3偽通常表示為“::”。 瀏覽器的理解，認為這兩個名稱。 在記錄間隙是不允許的，該字符串被記錄和偽（或唯一的）偽一起記錄：

scElement：懸停:: {內容之前：'前綴'; ...}

scElement：活性：{內容之後：'後綴'; ...}

CSS不多了網站的內容之前：要記住很重要。 樣式不相關頁面的內容。 偽 - 也不例外。 它們不會出現在DOM樹和不良站點的相關章節使用它們 - 在內容，他們不會得到。

使用“”和“::”是由移動平台和現代瀏覽器的支持，但檢查舊版本的工作往往不是多餘的。

內容偽不包括在該網站的內容。 它不會看到搜索引擎。 如何使用這個情況 - 取決於具體情況，但在此之前使用CSS，以及之後，單獨或在複雜的可能性，有趣的當內容是一個網址（）。 直接使用內容為偽鏈接到該網站，都會讓他來下載文件，例如圖片。

能夠改變在線樣式文件（層疊樣式表文件 - 也不例外）不干擾形式和使用假，因為它是在任何時候方便，在正確的地方的算法，可以根據訪客的行為。