css {content: "text"}, Làm cách nào để thêm thẻ?

Question

Tôi đã viết một số css giả. Thay vì một thẻ, tôi có các ký tự thoát. Làm cách nào tôi có thể thêm thẻ div thay thế?

.HeaderName:after{ 
content: "<div class=\"Name2\">text</div>"; 
} 

.Name2 { 
color: red; 
} 

Answer 1

Tuyên bố content không thể thêm thẻ vào trang (thẻ là cấu trúc); Ngoài ra, CSS có nghĩa là để thay đổi bản trình bày, chứ không phải thay đổi nội dung cấu trúc.

Xem xét sử dụng jQuery, thay vào đó, chẳng hạn như:

$(".HeaderName").after("your html here"); 

Answer 2

Bạn không thể chèn các thẻ sử dụng content: trong CSS. Đây là phần liên quan của thông số kỹ thuật; xem the 'content' property trong thông số kỹ thuật CSS 2.1.

Answer 3

Nếu bạn cần điều đó tag thêm chỉ để làm cho văn bản thêm màu đỏ, chỉ cần làm điều này:

.HeaderName:after{ 
    content: "text"; 
    color:red; 
} 

Thử nghiệm trên Chrome.