Problemer med selectors
Hey..Har lavet et lille udklip af lidt simpel html .. trode jeg..
Jeg har et div med både ID og class på.. jeg ville så gerne vha at ændre klassen på laget, ændre bgfarve og color:..
Ex:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#score.error, #summary.error
{
color:#990000 !important;
background-color:#fee9e9;
border: 1px solid #990000;
}
#score.valid, #summary.valid
{
color:#009900;
background-color:#defede;
border: 1px solid #009900;
}
#score.notice, #summary.notice
{
color:#990000;
background-color:#fee9e9;
}
</style>
</head>
<body>
<div id="summary" class="error">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam accumsan libero et erat. Morbi ipsum. Pellentesque facilisis, orci sit amet molestie tristique, velit nisi condimentum ligula, sed euismod est tortor at libero. Sed ut est. Fusce accumsan. Sed diam libero, malesuada nec, fermentum ut, venenatis in, elit. Morbi dui quam, eleifend sed, congue eget, interdum id, lorem. Donec dignissim ligula eget felis. Cras sit amet purus. Sed libero. Vestibulum in erat a purus pulvinar lobortis. Praesent dapibus. Morbi consectetuer consectetuer odio. Nullam orci neque, fringilla sed.</p>
</div>
</body>
</html>
I dette eksempel ville jeg gerne kun kunne ændre klassen til valid, error og notice..
Men det er kun hvis jeg skriver den første forekomst i CSSen at det virker - ex står #score.error, #summary.error øverst i CSSen og derfor virker class="error" men hvis jeg ændre den til valid bliver det ikke grønt..
Tror det er mine selectors der ikke er korrekte..
Mvh
