Need assistance with styling dynamic elements during iteration
Located on the test.phtml page
<?php foreach($tests => $test) { ?>
<li class="<?php echo $test['class'] ?>">
<a href="#" title="">
Test Instance
</a>
<style type="text/css">
li.<?php echo $test['class'] ?> a:hover {
color: <?php echo $test['color'] ?>;
background-color: <?php echo $test['bgColor'] ?>;
}
</style>
</li>
<?php } ?>
The style tags are present in the page.
<li class="third-item">
<a href="#" title="">
Test Instance
</a>
<style type="text/css">
li.third-item a:hover {
color: #498995;
background-color: #dbe7ea;
}
</style>
</li>
However, these styles are not being applied in the webpage.
Assistance is needed to troubleshoot and rectify this issue...