jQuery .prepend переменная

Question

Приветствую сообщество переполнения стека! Я хотел бы использовать $ ("div"). Prepend (content), где content - переменная, содержащая вход пользователя. Я хочу, чтобы добавленный текст был окрашен в лайм. Вот мой CSS код:

p{ 
color:#00FF00; 
} 

Но когда я запускаю его, он присоединяет ввод пользователя, как он должен был, но это не липовый цвет. Вот мой код JavaScript:

var content=prompt("Enter some text:"); 
$("div").prepend(content); 

Любая помощь будет оценена! Я очень новичок в JavaScript и jQuery. Заранее спасибо!

Answer 1

CSS имеет селектор типа для элементов <p>.

Вы добавляете контент в элемент <div> и добавляемый контент, по-видимому, не содержит никаких элементов <p>.

Измените селектор в таблице стилей, чтобы он соответствовал элементу, в который вы помещаете содержимое, измените его на p или поместите элемент p вокруг содержимого.