Need help with modifying specific lists using class or id, but running into issues. Here's a code snippet to illustrate the problem:
<!DOCTYPE html>
<html>
<head>
<style>
ul#square { list-style: square;}
ul.square { list-style: square;}
</style>
</head>
<body>
<ul id="square">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<ul style="square">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>
Looking for any solutions!