本篇文章介紹如何改變css偽元素樣式的方法,希望對學習前端css的朋友有幫助!
一、CSS偽元素
CSS 偽元素用於設定特殊效果。
偽元素的用法如下:
selector:pseudo-element {property:value;}
CSS 類別也可以和偽元素搭配使用
selector.class:pseudo-element {property:value;}
二、修改偽元素樣式
##( 推薦學習:
CSS教學)
1.問題描述偽元素範例:.content { width: 100px; height: 100px; margin: 0 auto; background: black; } .content::before { content: ""; width: 20px; height: 20px; position: absolute; background: blue; }
2.方案一
$(".content").append("<style>.content::before{display:none}</style>");
.change::before { background: red; }
$("#content1").addClass("change");
以上是如何改變css偽元素的樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!