Копия CSS не работает - PullRequest
       2

Копия CSS не работает

0 голосов
/ 08 декабря 2011

У меня есть следующее:

        .panelHeader
{
    border: 1px solid #474747;
    color: white;
background-color: #5D7B9D;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
padding: 5px;
margin-top: 5px;
width: 300px;
}

И это прекрасно работает.

Но теперь, если я добавлю его копию и поменяю имя, вот так:

        .panelHeader2
{
border: 1px solid #474747;
color: white;
background-color: #5D7B9D;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
padding: 5px;
margin-top: 5px;
width: 300px;
}

Заметьте, я ничего не изменил, кроме имени, оно не работает ...

В чем может быть проблема?

1 Ответ

2 голосов
/ 08 декабря 2011

Оба утверждения отлично работают для меня, когда вы переименовываете класс. Я полагаю, что вы меняете имя для класса в своем элементе.

Приведенный ниже код отлично работает на обоих div

<html>
<head>
<style>
    .panelHeader
{
    border: 1px solid #474747;
    color: white;
background-color: #5D7B9D;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
padding: 5px;
margin-top: 5px;
width: 300px;
}

 .panelHeader2
{
border: 1px solid #474747;
color: white;
background-color: #5D7B9D;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
padding: 5px;
margin-top: 5px;
width: 300px;
}

</style>

</head>
<body>
<div class="panelHeader">
    hello
</div>
<div class="panelHeader2">
    hello
</div>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...