Dass man das Problem so umgehen kann, ist mir schon klar. Aber die Logik entzieht sich mir. Insbesondere im folgenden Beispiel:
---------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>text-decoration none</title>
<style type="text/css">
body{font-size:24px; color:red; text-decoration:underline;}
</style>
</head>
<body>
<p>Text</p>
<p style=" font-size:12px; color:blue; text-decoration:none;">Text</p>
</body>
</html>
---------
Warum folgt text-decoration einer anderen Logik als alle anderen styles?
Vollends verwirrend finde ich das:
---------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>text-decoration none</title>
<style type="text/css">
body{font-size:24px; color:red; text-decoration:underline;}
</style>
</head>
<body>
<p>Text</p>
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<td>Text</td>
</tr>
</table>
</body>
</html>
----------
IE zeigt im strict-mode den Tabellentext groß, rot und unterstrichen.
(Anscheinend wird der body-selector voll auch auf td angewandt.)
Im qirks-mode klein, nicht unterstrichen, aber rot.
FF zeigt im strict-mode den Tabellentext groß, rot und nicht unterstrichen.
(Hier wird der body-selector auf td angewandt mit Ausnahme von text-decoration?)
Im quirks-mode klein, rot und unterstrichen.
Kann mir wer diese Logik erklären?
Gruß und Dank
Martin