[jQuery] How to target change css attribute of P tag when hovering over parent div
I have the following code
$('.box').hover(
function(){ $(this).css('background-color','#6bc6f2'); $("p").css
('color','#fff') },
function(){ $(this).css('background-color','#fbf9f9'); $("p").css
('color','#000') }
);
I have the .box class applied to a div basically I what to hover over
the div change the background color of the div and at the same time
change the text color of any text wrapped in p tags.
I am getting close but with this code every instance of the p tag gets
swapped out I need to know how to target only p tags in the div that I
am mouseing over
can somebody please help!