Изменение стиля и размера шрифта CSS не имеет никакого эффекта

Question

* {
 padding: 0px;
 margin: 0px;
 font-family: Calibri;
}
#largefont{
 font-size: 24px;
 font-family: serif;
}

<p id="largefont">
<p>TEXT text</p>
...
</p>

Это на самом деле живой сайт, который я делаю для класса HTML/CSS. Вы можете просмотреть это здесь:

http://user2cis133.achins.com/homework%20nov8/index.html

Основной код находится вверху. Я установил <p> как id="largefont" и в документе CSS я устанавливаю семейство и размер шрифта. Однако размер и стиль шрифта не меняется. Я хотел бы помочь выяснить, почему это не работает.

Answer 1

Как упоминалось в одном из ваших комментариев, вы пытаетесь подать заявку font-size:24px к <p> элемент с innerText='TEXT text',

Во-первых; 24px это не то же самое, что 1.1em согласно вашему вопросу Пожалуйста, сформулируйте свой вопрос более точно, чтобы мы не сделали ВСЕ работу за вас.

Ваша проблема в том, что вы определили правило стиля CSS для определенного идентификатора, но в вашем HTML-документе нет элемента с этим идентификатором.

Чтобы заставить это работать, с тем, что у вас есть, вы должны дать это <p> Элемент с тем же идентификатором, который определен в вашем правиле style.css:

<p id="largefont">TEXT text</p>

РЕДАКТИРОВАТЬ: я только что видел, что у вас был другой <p> элемент с этим идентификатором, однако, похоже, что вы пытались вложить <p> элементы, которые не допускаются, поэтому браузер завершил первый <p> прежде чем он добрался до второго.

Answer 2

<p id="largefont">
<p>TEXT text</p>
...
</p>

<p> элемент не может содержать другой <p>, поскольку <p> элементам не нужен закрывающий тег, ваша разметка такая же как:

<p id="largefont"></p>
<p>TEXT text</p>
...
</p>

где бездомное закрытие </p> тег является ошибкой

Твой стиль для largefont применяется только к первому пустому абзацу, а не ко второму.

Answer 3

Похоже, вам не хватает закрывающей скобки } вашего первого правила CSS.

* {
    padding: 0px;
    margin: 0px;
    font-family: Calibri;

Добавьте закрывающую скобку, и он и ваш CSS должны работать правильно.

* {     
    padding: 0px;
    margin: 0px;
    font-family: Calibri; 
}