html - Как правильно установить класс?

Question

Нужно применить класс, чтобы только к одному div относился следующий код

<style>
    div {
        -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
        padding: 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background: #eeece0;
    }
</style>

<div>
    <p>qweqwe text qweqwe text qweqwe test1 qweqwe text qweqwe text qweqwe test2
        qweqwe text qweqwe text qweqwe test3</p>
</div>

Deonis 16.8k●2●11 · Accepted Answer

1

Вариант номер раз: задать слектор от "родителя" к непосредственному потомку - пример. Даже если нет родителя, как такового, то в его качестве можно использовать body

<style>
#parent > div {
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #eeece0;
}
</style>
<div id="parent">
    <div>
    <p>
    qweqwe text qweqwe text qweqwe test1
    qweqwe text qweqwe text qweqwe test2
    qweqwe text qweqwe text qweqwe test3
    </p>
        <div>INNER DIV</div>
        <div>INNER DIV</div>
    </div>
</div>

Вариант номер два: для этого дива задать или класс, или ID

ссылка

отвечен 17 Апр '12 21:06

Deonis
16.8k●2●11

изменен 17 Апр '12 21:07

Спасибо!!!!!

(17 Апр '12 21:58) Kamilplus

LordySL 1.5k●2●13 · Answer 2

1

Как то так.

<style>
       .container {
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
        box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
        padding: 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background: #eeece0;
       }
      </style>

    <div class="container">
    <p>
    qweqwe text qweqwe text qweqwe test1
    qweqwe text qweqwe text qweqwe test2
    qweqwe text qweqwe text qweqwe test3
    </p>
    </div>

ссылка

отвечен 17 Апр '12 21:05

LordySL
1.5k●2●13

изменен 17 Апр '12 21:06

Спасибо!!!

(17 Апр '12 21:57) Kamilplus

html - Как правильно установить класс?

2 ответа

Здравствуйте

Связанные вопросы

Отслеживать вопрос