在CSS中,自制標簽可以通過::before或者::after來實現。這些偽元素可以用來向HTML元素的內容前或者后添加一些內容。通過這種方式,我們可以創建新的標簽,并為它們添加樣式。
/* 創建自制標簽 */ .my-tag::before { content: "自制標簽:"; color: red; } /* 使用自制標簽 */這是一個自制標簽
在代碼中,我們先通過::before寫了一個內容為“自制標簽:”并且紅色的偽元素,然后在HTML中使用了一個帶有.my-tag類名的p標簽,這個p標簽所在的內容前就有了“自制標簽:”。
在這種方式下,我們可以為標簽添加需要的樣式,并且可以在HTML中多次使用。
/* 創建自制標簽 */ .my-tag::before { content: "自制標簽:"; color: red; } /* 使用自制標簽 */這是一個自制標簽
這是另一個自制標簽
這段代碼中,我們使用了兩個帶有.my-tag類名的p標簽,在它們前面都有“自制標簽:”。
需要注意的是,自制標簽不是真正的HTML標簽,只是一種在CSS中創建的虛擬標簽。因此,在SEO等方面不會有任何作用。但是,自制標簽在一些特定的場景下非常有用,比如生成特定樣式的列表等。
上一篇css高級 css3