Стилизация внутри классов div

Question

Мне было интересно, как бы я использовал стиль p class = "visit" в приведенном ниже коде, потому что он не позволит мне просто использовать

p.class { белый цвет }

<div class="OW_Container">
                    <div class="text_wrap">
                    <h1>Finding Nemo</h1>
                    <p class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. . </p>
                    <p class="visit"><a href="#">Visit the website here</a></p>
                    </div>
                    <img src="Images/Slide4.png"/>
                </div><!--end OW-->

Я предполагаю, что это потому, что оно заключено в класс div '

Заранее спасибо!

Answer 1

Вы не используете "класс" в CSS.

p.visit { color: white }

Кроме того, вам, как правило, нужно нацеливать теги A более конкретно:

p.visit a { color: white }

Answer 2

То, что вы ищете, это каскадный бит CSS.Попробуйте:

div.class p.visit { color: white; }

Это будет стиль всех элементов p с белым цветом class = "visit", но только внутри div.class.

Answer 3

.text_wrap p{color:#fff}

Answer 4

p.class { color: white }

закрасит весь текст в теги p с классом class, например:

<p class="class">white text</p>

Попробуйте что-то вроде:

p.visit { color: white }