Изменение тега h3 с помощью CSS

Я хочу сделать тег h3 без большого пробела до и после.

У меня это работало со следующим встроенным CSS:

 .hmpg-h3 {
margin-bottom: 0;
margin-top: 0;
line-height: 35px;
}

Код (разметка): Но, конечно, я хочу добавить его во внешний файл CSS, но когда я это делаю, это не работает.

Я добавил следующее в файл CSS:

 <h3 style="margin-bottom: 0; margin-top: 0; line-height: 35px;">Manuscript Editing Services</h3>

Код (разметка): соответствующий HTML-код находится здесь:

Услуги по редактированию рукописей

Я загрузил новый файл CSS. Очистил кеш и проверил, но он не работает. Если я «Просмотр исходного кода», HTML включает в себя новый CSS, поэтому он может нормально получить доступ к новому файлу CSS. Какую простую вещь мне не хватает?

Хорошо, вам нужно научиться использовать инструменты разработчика в вашем браузере.

Я вижу, что класс применяется, а затем переопределяется .ev-sec-1.

Вам даже не понадобится этот класс .hmpg-h3, если вы можете

.ev-sec-1 .ev-sec-2 index2-sec-1 h3

который будет применять класс только тогда, когда все эти условия будут выполнены

даже в этом случае у вас есть список, поэтому я не уверен, почему вы используете

вместо

• , который поисковые системы будут легче читать и его легче будет разметить.
  

1) Прекратите использовать пиксельные метрические шрифты, и при этом пользователям, имеющим специальные возможности, придется идти к черту. 2) Перестаньте разбрасываться классами во всем, редко бывает законная необходимость в H3 иметь класс. Каскад от родителя! 3) Ох, Буткрап... Ну вот и твоя проблема... Сделайте себе одолжение: найдите палку, чтобы соскрести ее, прежде чем отслеживать ее по коврам вашего сайта. ТОЛЬКО дело в том, что оно учит тебя тому, как НЕТ создать сайт. Я имею в виду статические сценарии по всей разметке, JavaScript для НИЧЕГО, ничего даже отдаленно напоминающего семантику или отделение представления от содержания, тарабарское использование нумерованных заголовков, неполные ломаные формы, использование скриптов в неизящной, унижающей достоинство манере, адская специфика (та часть, которая вас раздражает с точки зрения стиля H3... это не должно быть H3), неверные заказы на размещение (например, /неудачное/ размещение H3 внутри P. Что это, заголовок или абзац, но не то и другое!) Мой совет: отбросьте всякую чушь на обочину, отойдите от «JS для НИЧЕГО", и вернитесь к этому новому, когда у вас будет правильное понимание того, как использовать HTML и CSS.

Ваш выбор технологий затрудняет ваше обучение и забивает вашу голову плохими практиками.

Указанные плохие практики, вероятно, приведут к тому, что о них узнают большие группы потенциальных пользователей.

пойти пососать яйцо.

Если вы проведете проверку, сможете ли вы увидеть, есть ли другой класс CSS, который переопределяет ваш класс. Например, вы можете добавить в заголовок custom.css и default.css.

Поскольку default.css идет вторым, он переопределяет все в custom.css, если есть совпадение.

Или custom.css может быть очень длинным, и у вас есть

 .hmpg-h3 {
margin-bottom: 0;
margin-top: 0;
line-height: 35px;
}
h3{
margin-bottom: 20px;
}

Код (разметка): и тогда простой h3 переопределит класс.

Измените порядок и проблема исчезнет.

Я не уверен, что это означает: «.ev-sec-1 .ev-sec-2 index2-sec-1 h3», но все эти элементы являются заголовками других страниц, поэтому я хочу использовать тег h3. Я понял, как это исправить, изменив имя записи на следующее: «h3.hmpg-h3». Я не уверен, почему это работает, но это работает.

Спасибо за помощь, Сарак.

Я попытался переместить новую запись в файле CSS в конец, и это, я думаю, вы подразумеваете под «Изменить порядок», но это не имеет значения.

Я просмотрел существующий файл CSS и нашел десятки записей «h3». Поставил новую, после последней записи с h3. Ты это имел в виду?

 [code=text] <link href="css/bootstrap.min.css" rel="stylesheet">


<link rel="stylesheet" href="[URL='https://lumtu.com/yti/cMmmMc3NodHRwOi8vZm9udGF3ZXNvbWUuaW8vYXNzZXRzL2ZvbnQtYXdlc29tZS9jc3MvZm9udC1hd2Vzb21lL12b']http://fontawesome.io/assets/font-awesome/css/font-awesome.css[/URL]">`


<link href="css/custome.css" rel="stylesheet">

Код (разметка):
Страница, над которой я работаю, находится здесь: https://new.editfast.com/index.html

Используются всего три CSS-файла:

 h1, h2, h3, h4, p, span, a, div { font-family: 'Open Sans', sans-serif; } .ev-sec-1 h3{ font-size: 24px; line-height: 48px; color: #7b7979; text-align: center; } .ev-sec-2 h3{ color: #006400; font-size: 16px; margin: 15px 0px 20px; font-weight: bold; } .ev-sec-6-1-1 h3 { color: #0a6a0a; font-size: 20px; font-weight: bold; padding: 10px 0px 10px 5px; } .ev-sec-6-1-1 h3 small { font-size: 12px; color: #333333; font-weight: normal; margin-left:10px; } .ev-sec-7 h3:nth-child(4) b { color: #ff5d28; margin-right: 5px; } .ev-sec-7 h3:nth-child(4){ color: #333333; margin: 15px 0px; font-weight:600; font-size: 16px; } .ev-sec-7 h3:nth-child(7) b { color: #ff5d28; margin-right: 5px; } .ev-sec-7 h3:nth-child(7){ color: #333333; margin: 15px 0px; font-weight:600; font-size: 16px; margin-top: 30px; } .artical-sec-1 h3 { text-align: center; color: #006400; font-size: 18px; font-weight: bold; } .confirmation-sec-1 h3 { color:#333333; font-size:22px; margin-top:10px; } .policies-sec-1 h3 { text-align: center; color: #006400; font-size: 18px; font-weight: bold; } .step2-sec-1 h3 { text-align: center; color: #006400; font-size: 18px; font-weight: bold; } .register-sec-1 h3 { text-align: center; color: #006400; font-size: 18px; font-weight: bold; margin-bottom: 20px; } .step4-sec-1 h3 { text-align: center; color: #006400; font-size: 18px; font-weight: bold; } .step5-sec-1 h3 { text-align: center; color: #006400; font-size: 18px; font-weight: bold; } .step3-sec-1 h3 { text-align: center; color: #006400; font-size: 18px; font-weight: bold; margin-bottom: 20px; } .my-profile-1-2 h3 { font-weight: bold; } .my-profile-2-2 h3 { margin: 0px; color: #ff5d28; font-size: 16px; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; } .my-profile-6 h3 { font-size: 16px; font-weight: bold; color: #006400; margin-top:0px; } .my-profile-6-3 h3 { font-size: 14px; font-weight: bold; color: #006400; margin-top:10px; } .my-profile-7 h3 { font-size: 14px; font-weight: bold; color: #006400; margin-top:25px; margin-left:15px; } .search-4 h3 { margin: 0px; color: #ff5d28; font-size: 16px; font-weight: bold; border-bottom: 2px solid #7d7b7b; padding-bottom: 5px; margin-bottom: 5px; } .search-5 h3 { margin: 0px; color: #ff5d28; font-size: 16px; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; text-align: left; } .ev-sec-7 h3 { text-align:center; font-size:16px; font-weight:bold; color:#000; line-height:22px; } .ev-sec-7-1 h3{ text-align:left; font-size:16px; font-weight:bold; color:#807f7d; line-height:22px; } .ev-sec-7 h3 b { color: #ff5d28; } .ev-sec-7-m h3{ text-align:left; } .confirmation-sec-1 h3 { color: #333333; font-size: 18px; margin-top: 10px; line-height: 25px; } .step5-sec-1 h3 { text-align: center; color: #006400; font-size: 15px; font-weight: bold; } .step4-sec-1 h3 { text-align: center; color: #006400; font-size: 13px; font-weight: bold; } .step3-sec-1 h3 { text-align: center; color: #006400; font-size: 15px; font-weight: bold; margin-bottom: 20px; } .my-profile-1-2 h3 { font-weight: bold; margin: 0px; font-size: 16px; } .my-profile-1-2 h3{ margin: 0px; margin-bottom: 10px; } .service_provider-sec-3 h3{ color: #ff5d28; font-size: 18px; font-weight: bold; margin:10px 0px; } .service-provider-skill-sec-1 h3{ color: #333333; font-size: 14px; font-weight: bold; margin:10px 0px 20px; } .my-profile-1-2 h3 { font-weight: bold; margin: 0px; font-size: 28px; }

Код (разметка):

Я ответил на это здесь

. Возможно, вам понадобится другая группа селекторов, но, как говорит Сара, вас переопределяют. О, это раздражает, что вы опубликовали сообщение и не проверили его, и почти сразу же сделали перекрестную публикацию. Гэри