使用選擇器在頁面中插入內容

2021-07-23 02:52:00 字數 777 閱讀 5120

這裡主要介紹利用before選擇器和after選擇器在頁面中插入內容的方法。

1、插入文字



h2:before


style>
如果要對頁面中個別的h2 標籤前面不新增內容，只需給不需要新增內容的標籤設定樣式，然後設定content:none; **如下：



h2.sample


:before


style>
2、插入影象檔案



h2:before


style>
可以通過新增背景影象的方式在元素前面新增影象；



h2style>
3、使用content屬性插入專案編號

這裡的h1 可以是任意元素標籤 mycounter是計數器,而且content中可以追加文字


h1:before


h1
counter中還可以指定編號的種類：upper-alpha 指定大寫字母，upper-roman指定大寫羅馬字母，編號的種類可以使用list-style-type中的值。

用法如下：

content:counter(mycounter,upper-alpha);

編號巢狀

h1


:before


h1h2


:before


h2

css3之使用選擇器在頁面中插入內容

1 使用選擇器插入文字內容 在css3中，使用before選擇器在元素前面插入內容，使用after在元素後面插入內容，在選擇器content屬性中定義要插入的內容。例如對h2使用before選擇器在h2的前面插入文字 title 等。還可以使用content屬性追加乙個none屬性值來排除一些不需要...

使用poi向excel中插入內容遇到的問題總結

1 如何插入？在poi中有hssfpatriarch物件，該物件為畫圖的頂級管理器，乙個sheet只可以建立乙個。它的createpicture anchor,pictureindex 方法可以在excel中插入一張。具體 我們可以封裝成乙個方法 public static void setpict...

在selenium中使用css選擇器進行元素定位

通用元素選擇器，匹配任何元素 e標籤選擇器，匹配所有使用e標籤的元素 info class選擇器，匹配所有class屬性中包含info的元素 footer id選擇器，匹配所有id屬性等於footer的元素 e,f多元素選擇器，同時匹配所有e元素或f元素，e和f之間用逗號分隔 e f後代元素選擇器，...