I'm experimenting with IE specific conditional statements to adjust class settings depending on the browser type. Initially, I thought they had this capability, but I can't seem to make it work.
Here is a basic example: if the browser is IE, the text should be blue; otherwise, it should remain red.
The "The browser is IE" statement within the body works perfectly - when I open Firefox, it's not present, but in Internet Explorer, it shows up.
What am I missing?
<html>
<head>
<style type="text/css">
.class{color:red;}
<!--[if IE]>
.class{color:blue;}
<![endif]-->
</head>
</style>
<body>
<!--[if IE]>
This browser is IE
<![endif]-->
<p class="class">Color changing text based on browser</p>
</body>
</html>