text-transform cannot change/be overwritten? (css)
Posted
by Radek
on Stack Overflow
See other posts from Stack Overflow
or by Radek
Published on 2010-05-05T04:29:37Z
Indexed on
2010/05/05
4:48 UTC
Read the original article
Hit count: 299
Filed under:
css
I am studying css and I do not understand why some OTHER text and line 2 has red underline effect on them. I thought I either changed it for class others or reset it to none for class line2
I tried `text-decoration:none' for both .line2 and .others and the text was still red underlined.
<html>
<head>
<style type="text/css">
.line {color:red; text-transform:uppercase; text-decoration:underline;}
.line2 {color:blue; text-transform:none;}
.others {color:black; text-transform:lowercase; text-decoration:blink; font-weight:bold;}
</style>
</head>
<body>
<div class='line'>
line 1
<div class='others'><BR>some OTHER text<BR></DIV>
<div class='line2'>
<BR>line 2
</div>
</div>
</body>
</html>
© Stack Overflow or respective owner
