Chọn các yếu tố có màu nền nhất định

Question

Tôi muốn chọn một bó span s trong một div có CSS ​​chứa một màu nền cụ thể. Làm thế nào để đạt được điều này?

Answer 1

nếu tôi hiểu câu hỏi một cách chính xác, chọn [attribute=value]sẽ không làm việc vì <span> không chứa một thuộc tính "background-color". bạn có thể kiểm tra rằng ra một cách nhanh chóng để xác nhận nó sẽ không phù hợp với bất cứ điều gì:

$('#someDiv span[background-color]').size(); // returns 0 

đưa ra:

// css 
.one, .two { 
    background-color: black; 
} 

.three { 
    background-color: red; 
} 

// html 
<div id="someDiv"> 
    <span class="one">test one</span> 
    <span class="two">test two</span> 
    <span class="three">test three</span> 
</div> 

đây là một đoạn mã sẽ sẽ làm việc:

$('div#someDiv span').filter(function() { 
    var match = 'rgb(0, 0, 0)'; // match background-color: black 
    /* 
     true = keep this element in our wrapped set 
     false = remove this element from our wrapped set 
                 */ 
    return ($(this).css('background-color') == match); 

}).css('background-color', 'green'); // change background color of all black spans 

Answer 2

Sử dụng công cụ chọn thuộc tính [attribute = value] để tìm giá trị thuộc tính nhất định.

#id_of_the_div span[background-color=rgb(255,255,255)]