Как выбрать элементы внутри другого в CSS?

У меня есть этот HTML-код в качестве примера:Как выбрать элементы внутри другого в CSS?

<body> 
    <div class="jumbotron"> 
     <h1>Bootstrap Example</h1> 
     <p>Just another crazy blog</p> 
    </div> 

    <div class="container"> 
     <p>This is some text.</p> 
     <p>This is another text.</p> 
    </div>

Я пытаюсь изменить стиль JumboTron используя этот код:

.jumbotron h1, p{ 
    color: #FAE3F2; 
    font-family: 'Orbitron', sans-serif; 

}

Проблема заключается в том, что, когда я применить эти изменения, они также влияют на абзац внутри контейнера, и я не могу понять, почему. Что я делаю не так?

источник

2015-02-22 Silvia Bogdan

Попробуйте

.jumbotron h1, .jumbotron p{ 
    color: #FAE3F2; 
    font-family: 'Orbitron', sans-serif; 

}

, отделяет целые выражения, так .jumbotron не переносится на второй.

источник

2015-02-22 13:00:17

Thx много, это действительно сработало. Я подумывал попробовать немного по-другому, но я казался немного избыточным. Думаю, это единственный способ. –

Заменить селекторы с этим:

.jumbotron h1, .jumbotron p {...}

Имея селектор без .jumbotron p {..} означает, что все p элементы будут выбраны.

источник

2015-02-22 13:00:27 gmuser

Thx много, это действительно сработало. –

Как выбрать элементы внутри другого в CSS?

ответ

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