學習使用 before和 after偽元素

2021-08-26 23:05:13 字數 740 閱讀 7844

第一,「偽元素」,顧名思義。它建立了乙個虛假的元素,並插入到目標元素內容之前或之後。

第二,在內容模組中提到,偽元素如果沒有設定「content」屬性,偽元素是無用的。

插入非文字內容

我簡要的提醒,你可以把屬性的值置為空字串或是插入文字內容。你基本上有屬性的值要包含什麼的兩個額外的選擇

首先,你可以包含乙個指向乙個影象的url,就像在css裡包含乙個背景影象一樣做你能做的

p

:before

插入內容的特點

正如前面提及的,插入的內容在頁面的原始碼裡是不可見的。只能在css裡可見

可怕的瀏覽器相容性

任何前端技術的發展勢頭,第乙個問題就是瀏覽器的支援。在這種情況之下,它不是個很大的問題。

瀏覽器支援:before 和 :after 偽元素棧,像這樣:

● chrome 2+,

● firefox 3.5+ (3.0 had partial support),

● safari 1.3+,

● opera 9.2+,

● ie8+ (with some minor bugs),

● 幾乎所有的移動瀏覽器

偽元素不是決定性的

幸運的是,缺少偽元素不會造成大問題。大多數情況下,偽元素一般修飾(或者幫助)內容,不會給不支援的瀏覽器造成問題。所以,如果你的支持者具有較高的ie版本,你仍然可以在某種程度上使用它們。

mysql之觸發器before和after的區別

我們先做個測試 接上篇日誌建的商品表g和訂單表o和觸發器 假設 假設商品表有商品1,數量是10 我們往訂單表插入一條記錄 insert into o gid,much values 1,20 會發現商品1的數量變為 10了。這就是問題的所在,因為我們之前建立的觸發器是after,也就是說觸發的語句是...

mysql之觸發器before和after的區別

我們先做個測試 接上篇日誌建的商品表g和訂單表o和觸發器 假設 假設商品表有商品1,數量是10 我們往訂單表插入一條記錄 insert into o gid,much values 1,20 會發現商品1的數量變為 10了。這就是問題的所在,因為我們之前建立的觸發器是after,也就是說觸發的語句是...

學習使用 before和 after偽元素

如果你一直密切關注著各種網頁設計的部落格,你可能已經注意到了 before和 after偽元素已經在前端開發中獲得了相當多的關注。特別是在nicolas gallagher的部落格中,後期運用了很多偽類元素。nicolas gallagher使用偽元素用靜態的html標籤建立84個gui圖示。為了補...