Освежающие стили элементов в Jquery

Question

В моей JavaScript я динамически добавлять элементы в DIV, как это:

$('.class-name').after('<p class="foo">Hello World!</p>') 

В моем CSS, у меня есть что-то вроде этого:

p .foo { 
    color: green; 
} 

Когда я проверить его , появляется новый элемент абзаца, но текст остается черным. Является ли это примером того, что документ не читает класс элемента «p»? Или класс «foo» не применяется к сгенерированным элементам?

Answer 1

Это должен быть ваш стиль:

p.foo { 
    color: green; 
} 

Удалить это пустое пространство между «р» и "Foo".

Answer 2

Попробуйте без пробела между тегом абзаца и классом.

p.foo { 
    color: green; 
} 

Это абзац, который имеет класс, нет вложенного элемента с классом 'foo'.

Answer 3

Ваше определение правил слегка выключено. У вас есть «элементы с классом foo, которые находятся внутри p-элемента».

Что вы имели в виду были элементы, которые являются р элементов и имеют класс Foo, который

p.foo { color: green; }