2012-02-14 37 views
9

CSS pseudo-code của tôi không được công nhận bởi jQuery: đây là mã của tôiCSS pseudo-code không được công nhận bởi jQuery

css:

h1 { 
    background: red; 
    width: 100px; 
    display: inline-block; 
} 

h1:after { 
    content:" | "; 
    background:blue; 
    display: inline-block; 
} 

sau đó trong jQuery tôi làm:

console.log($('h1').css('backgroundColor')); 

hiển thị:

rgb(255, 0, 0)

nhưng khi tôi làm:

console.log($('h1:after').css('backgroundColor')); 

là chương trình:

undefined

+0

Tôi không chắc chắn bạn có thể. Xem liên kết này: http://stackoverflow.com/questions/2651739/how-to-access-css-generated-content-with-javascript Điều đó nói rằng, bạn đang sử dụng jQuery. Nếu bạn đã sử dụng jQuery, tại sao phải bận tâm với CSS: sau? Chỉ cần chèn nội dung của bạn bằng cách sử dụng jQuery để bắt đầu. –

+0

Vì mã giả đã có sẵn và tôi cần thay đổi màu nền và các thuộc tính khác. – rcs20

+0

Đó là quan điểm của tôi. Nếu bạn sử dụng jQuery để chèn nội dung, bạn có thể thay đổi tất cả các kiểu trước khi bạn chèn nó vào. –

Trả lời

16

Bạn không thể chọn css pseudo-yếu tố vì họ không thực sự tồn tại trong DOM

Các vấn đề liên quan