I currently have the following HTML code:
<div>
<script type="text/javascript" src="someUrl"></script>
</div>
Once this script runs, it generates a nested div with links inside like this:
<div>
<div>
<a href=""></a>
</div>
</div>
To style these links with a specific color using jQuery as per the page's development requirements, I have implemented the following script:
<script type="text/javascript">
$(document).ready(function () {
$("div a").css("color","#ffffff");
});
</script>
The issue is that only Firefox seems to apply the white color styling to the links. This might be because Firefox handles page loading differently and applies styles after the script creates the div element. How can I ensure that this functionality works consistently across all web browsers?