Как отменить стили для тега h1 в bootstrap?

Question

[Владимир Маврин]

Добрый день!
Хочу применить тег h1 для разметки и поисковика, но не хочу, чтобы с ним применялись и готовые стили в bootstrap.
Как-то это можно сделать без чистки css bootsrap и использования !important?

Например, к тегу прописать no-style или еще что, не знаю (

Comments

[DetectiveEl]

у меня аналогичный вопрос, поясню свою проблему, я хочу использовать тег fieldset и legend, но в бутстрапе к этим тегам прописаны стили, и они не отображаются, так как они должны отображаться

[Senseich]

А не проще свои стили подключить после стилей bootstrap?

Answer 1

[Юрий Лобанов]

Не понимаю вопроса. Добавьте тегу h1 класс no-bootstrap и пропишите стили. Или вообще инлайн-стилями сделайте.

Comments

[Владимир Маврин]

ТЕКСТ
не работает...
у .span3 logo уже прописаны мне необходимые стили, которые и перебивает h1

[Владимир Маврин]

Сейчас сделал так: в css к .span3 logo дописал через запятую тег h1. Но пришлось еще в эти классы дописать стили, которые есть в h1, что бы перебить их.
Думал есть более удобное решение, по типу no-bootstrap, которое почему то не работает.

[Владимир Маврин]

<div class="span3 logo"><h1 class="no-bootstrap">ТЕКСТ

[Юрий Лобанов]

@Makkons no-bootstrap - это я такой класс придумал ) я о том, что дайте этому элементу любой класс и пропишите в этом классе все свойства. jsfiddle.net/fFDk5

[Владимир Маврин]

@iiil умело ввели в заблуждение ) я так и сделал в принцепе
насчет no-bootstrap - нельзя ли написать скрипт, что бы при прописывании класса "no-bootstrap" например тегу h1 в вашей html разметке, jquery обрабатывал эту информацию и закомментировал этот тег в исходниках bootstrap? или присваивал свойства тегов выше...
просто размышления, наверно это и не нужно вообще

[Алексей Кулешов]

Мне кажется или класс вида span3 был в bootstrap`е 2.0?

[Алексей Кулешов]

<div class="span3 logo"><h1>ТЕКСТ</h1></div>

4 варианта без использования классов у тега H1

.logo h1 { ... }
.logo > h1 { ... }
div.logo h1 { ... }
div.logo > h1 { ... }

Answer 2

[Алексей Кулешов]

1. inLine-CSS для тегов H1-H6 (не очень хорошо с точки зрения SEO, имеется ввиду style="...").

2. Рекомендация от Bootstrap: "...добавьте свой CSS файл (с собственными стилями, например для H1) после загрузки основного...".

<link rel="stylesheet" href="bootstrap.css" type="text/css" />
<link rel="stylesheet" href="styles-for-h1.css" type="text/css" />

3. Дописать необходимые стили в теле документа после подключения bootstrap.css:

<style type="text/css">
h1 {
  font-size: 1.4em;
}
</style>

Comments

[Владимир Маврин]

я так и сделал сразу, думал есть решение поизящнее

[Алексей Кулешов]

Что может быть изящнее грамотного переплетения и наложения CSS-стилей))

[Евгений]

@GingerbreadMSK а я кажется понял - ему нужно что-бы h1 стал просто тегом-"пустышкой" без какой либо разметки. Если это способ обмануть поисковик, то хочу огорчить автора поста - поисковам уже давным давно пофиг на теги, они читают размер и цвет шрифта :) и даже сопоставляют его с цветом фона, чтобы вычислить и заигнорить скрытый SEO текст.

[Владимир Маврин]

@cyber-jet вы серьезно, я не знал насчет этого? очень информативный ответ! т.е. разметка ни на что сейчас не влияет?

[Евгений]

@Makkons уже лет 5 наверное как поисковики перестали читать теги, а читают свойства тегов. Другими словами, если видит что размер шрифта h1 = body, то в этом случае решающей будет структура документа. А если увидит что текст не отличается от фона, то вообще не проиндексирует этот node.

[Владимир Маврин]

@cyber-jet спасибо, буду знать )

[Алексей Кулешов]

@cyber-jet не вводите публику в заблуждение - культура кода и любого вида разметки всегда приветствовалась - последние лет 5 не так жёстко, но все же криво-косо сделанный сайт не заслуживает уважения - всегда есть проекты с более грамотными программистами и верстальщиками.

[Евгений]

@GingerbreadMSK если вы не заметили, про "культуру" кода тут нет ничего. Речь идёт о возможности манипуляции тегами ради SEO.

[Алексей Кулешов]

@cyber-jet как я уже неоднократно писал: использование инлайн-стилей - дурной тон! И... при ранжировании малым весом, но все же учитывается, Яндекс`ом - однозначно.

[Евгений]

@GingerbreadMSK вообще то h1 относится к тегам разметки html и является блочным элементом, не совсем понял причём тут инлайн-стили, но ваши слова лишь подтверждают написанное мной ранее утверждение :)

[Алексей Кулешов]

@cyber-jet вообще уже ни слова не понимаю, но спорить не буду))

Answer 3

[Seva Sargsyan]

!important не работает?

Comments

[Владимир Маврин]

На мой взгляд !important лучше вообще не использовать, тем более для целого блока.
Я просто добавил в ccs добавил h1 через запятую к классу к которому его применил, но все равно пришлось дописать вручную свойства, которых нет в моем классе, но есть в h1 bootstrap

Answer 4

[Евгений]

Почитав сабж и каменты вообще ничего не понял, какие свойства h1 вас не устраивают в bootstrap, можно конкретнее, и чего вы хотите получить в итоге, почему нельзя использовать !important. Вам уже выше предложили создать отдельный css файл для тега h1 и подгружать его после bootstrap.css чтобы перекрыть его стили. Бестолковица какая-то ей богу.