Div CSS не работает

-1

Мои CSS, чтобы установить фон, но мой css для div.Div CSS не работает

Это мой HTML Лист:

<DOCTYPE! HTML> 
    <head> 
    <link rel="stylesheet" type="text/css" href="CSS.css"> 
    </head> 
    <body> 
    <div class="About" 
    <p>Hi</p> 
    </div> 
    </body>

Это мой CSS лист

body { 
    background-image: url("BG.jpg"); 
    background-repeat: repeat-repeat; 
} 
.About{font-size:24px; 
color:#ffffff; 
background-color:#000000; 
padding:50px; 
margin:50px;} 
}

Тег тела работает, но остальное не делает.

Я также попытался это

body { 
    background-image: url("BG.jpg"); 
    background-repeat: repeat-repeat; 
} 
.About{font-size:24px; 
color:#ffffff; 
background-color:#000000; 
padding:50px; 
margin:50px;} 
} 
p.About{font-size:24px; 
color:#ffffff; 
background-color:#000000; 
padding:50px; 
margin:50px; 
}

И это не работает. И это.

body { 
    background-image: url("BG.jpg"); 
    background-repeat: repeat-repeat; 
} 
.About{font-size:24px; 
color:#ffffff; 
background-color:#000000; 
padding:50px; 
margin:50px;} 
} 
p.About{font-size:24px; 
color:#ffffff; 
background-color:#000000; 
padding:50px; 
margin:50px; 
} 
p{font-size:24px; 
color:#ffffff; 
background-color:#000000; 
padding:50px; 
margin:50px; 

}

«P» тег работает, но применяет его в способе, которым это в general.I нужно его применять конкретно к «О» Div.

Я тестировал его как Google Chrome, так и Internet Explorer, поэтому я не думаю, что браузер работает нечетно. Любая идея, в чем проблема.

источник

2015-11-14 Anonymous

Вам нужно правильно вложить Div тег:

<div class="About">

источник

2015-11-14 18:30:34

<div class = "About"> 
    <p>Hi</p> 
</div>

вместо

<div class="About" 
    <p>Hi</p> 
</div>

источник

2015-11-14 18:34:37

Вы должны заключать тег

<div class="About"> ... </div>

и CSS, вам имеют дополнительные }.

Оно должно быть:

.About{font-size:24px; 
color:#ffffff; 
background-color:#000000; 
padding:50px; 
margin:50px; 
}

источник

2015-11-14 18:43:02 alaphao

У вас есть несколько синтаксических ошибок, которые приведут к неожиданному поведению и одно из ваших правил неверен.

Вы не закрыли ваш div правильно, что может привести к браузеру искажая разметки
В .About правило у вас есть дополнительные } после margin: 50px;, которые могут привести к правилам игнорировались
Правило p.About будет пытаться настроить тег p, который имеет класс .About. Учитывая разметку вы хотите .About p, который будет предназначаться любые p тегов в элементе с классом .About

Учитывая вы специально пытаетесь целевой p в .Aboutdiv единственного правило, вам нужно .About p (.About и p правила не нужны).

body { 
 
    background-image: url("BG.jpg"); 
 
    background-repeat: repeat-repeat; 
 
} 
 
.About p { 
 
    background-color: #000000; 
 
    color: #FFFFFF; 
 
    font-size: 24px; 
 
    margin: 50px; 
 
    padding: 50px; 
 
}

<div class="About"> 
 
    <p>Hi</p> 
 
</div>

источник

2015-11-14 18:49:18

у вас есть дополнительный '}' в CSS и правильно вложить свой DIV

<div class = "about">.. </div>

источник

2015-11-14 18:53:49 taha027

во-первых, заключите теги

<div class="About"> ... </div>

Теперь он должен быть

.About{font-size:24px; 
color:#ffffff; 
background-color:#000000; 
padding:50px; 
margin:50px; 
}

источник

2015-11-14 19:45:42

Div CSS не работает

ответ

Смежные вопросы