jQuery .css() method not applying changes to elements with multiple classes
I've been struggling with this for a few days now and could really use some help. I'm relatively new to this, so bear with me. I am experiencing an scenario where the jQuery `.css()` method is not applying styles to elements that have multiple classes. I'm using jQuery version 3.6.0 and trying to change the background color of a div with both `class1` and `class2`. Here’s a simplified version of my code: ```html <div class="class1 class2">Content Here</div> <button id="changeStyle">Change Style</button> ``` ```javascript $(document).ready(function() { $('#changeStyle').on('click', function() { $('.class1.class2').css('background-color', 'blue'); }); }); ``` When I click the button, I expect the background color of the div to change to blue. However, instead, it remains the default color. I've verified that the button's click event is firing by adding a console log right before the `.css()` method call, and it logs correctly. I've also tried using `$('.class1, .class2')` and `$('.class2, .class1')` to target the element, but that didn't work either. I’ve checked that there are no conflicting CSS rules in my stylesheets that might be overriding this change. Does anyone have insights on why `.css()` might not be applying to elements with multiple classes? Any help would be appreciated! Is there a better approach?