Skift tekstfarve og baggrundsfarve når musen køre over (CSS)
Hej eksperterJeg er relativ ny i CSS og sidder med nogle problemer. Jeg har lavet denne side http://www.murermester-henriksen.dk/Test/
Der er to "bokse" på siden. Hver boks indeholder et billede, en stor tekst og en brød tekst. Jeg har lavet hver boks ved at oprettet et div tag som indeholder tre andre div tag. Du kan se den komplette html fil ved at se kilde koden på siden. Det er intentionen at der skal oplistes en masse bokse under hinanden (som hver indeholder billede, en stor tekst og en brød tekst)
Mit problem:
Side skal virke på følgende måde: Når man køre musen henover en af boksene skal baggrunde skrift til en blå farve og teksten skal skifte til hvid farve. Lige nu virker det med at baggrundsfarven skifter til blå men teksterne vil ikke skifte til grøn. Hvad er det jeg gør galt og hvordan skal min CSS fil se ud. Herunder er den CSS vil jeg bruger
Det skal pointeres at problemet IKKE må løses med JavaScript.
.Group
{
overflow: auto;
margin: 15px auto 15px auto;
padding-bottom: 15px;
width: 950px;
border: 1px solid #b2aaa4;
}
.Header
{
overflow: auto;
width: 950px;
border-bottom: 1px solid #b2aaa4;
font-family: Kulturista SemiBold;
font-style: normal;
font-size: 18px;
text-align: center;
padding: 5px 0px 5px 0px;
background-color: #e6e2df;
color: #b2aaa4;
}
.Box
{
width: 920px;
min-height: 158px;
overflow: auto;
margin: 15px auto 0px auto;
border: 1px solid #b2aaa4;
font-family: Kulturista SemiBold;
font-style: normal;
font-size: 12px;
background-color: #e6e2df;
}
.BoxPicture
{
float: left;
width: 254px;
height: 126px;
margin-top: 15px;
margin-left: 15px;
border: 1px solid #b2aaa4;
}
.BoxText
{
float : left;
width: 617px;
height: auto;
margin-top: 15px;
margin-left: 15px;
font-family: Kulturista;
font-style: normal;
font-size: 18px;
padding: 0px 0px 0px 0px;
color: #b2aaa4;
}
.BoxDescriptionText
{
color: #b2aaa4;
float : left;
width: 617px;
height: auto;
margin-left: 15px;
font-family: Kulturista;
font-style: normal;
font-size: 12px;
}
.Box:hover
{
background-color: #0054f2 ;
color: Green;
}