ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Стили Bootstrap почему-то перекрывают мои стили
5 сообщений из 5, страница 1 из 1
Стили Bootstrap почему-то перекрывают мои стили
    #39584285
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
Есть такая страница:
Код: html
1.
2.
3.
4.
5.
6.
...
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/site.css">
...
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#form-feedback">Написать сообщение</button>
...


В site.css такие стили:
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
body {
	font-family: "Book Antiqua", "Times New Roman", Times, serif;
	color: #555;
	padding-top: 4em;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
nav, footer {
	margin-top: 0;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333;
}
button {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}



Но почему-то кнопка выводится шрифтом Book Antiqua.
Если посмотреть в инспекторе объектов, то мой стиль (site.css) перекрывается стилями из normalize.less и scaffolding.less, в которых задано inherit (этих файлов на сервере нет, но есть bootstrap.min.css.map, который видимо и содержит названия этих файлов).

Почему это происходит? Ведь мой site.css подключается позже bootstrap?
...
Рейтинг: 0 / 0
15.01.2018, 12:02
| Ответить | Цитировать | Написать  
Стили Bootstrap почему-то перекрывают мои стили
    #39584364
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alibek B.
Код: html
1.
2.
3.
4.
5.
6.
...
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/site.css">
...
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#form-feedback">Написать сообщение</button>
...


В site.css такие стили:
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
body {
	font-family: "Book Antiqua", "Times New Roman", Times, serif;
	color: #555;
	padding-top: 4em;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
nav, footer {
	margin-top: 0;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333;
}
button {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}


Но почему-то кнопка выводится шрифтом Book Antiqua.
Бивас, тест! (с)

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
body {
	font-family: "Book Antiqua", "Times New Roman", Times, serif;
	color: #555;
	padding-top: 4em;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
nav, footer {
	margin-top: 0;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333;
}
button {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<p>Test text</p>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#form-feedback">Написать сообщение</button>
</body>
</html>


У твоей кнопки шрифт "Open Sans"... Т.ч. ты что-то не договариваешь.
...
Рейтинг: 0 / 0
15.01.2018, 13:21
| Ответить | Цитировать | Написать  
Стили Bootstrap почему-то перекрывают мои стили
    #39584403
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Alibek B.,

!important пробывали?
...
Рейтинг: 0 / 0
15.01.2018, 13:50
| Ответить | Цитировать | Написать  
Стили Bootstrap почему-то перекрывают мои стили
    #39584437
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
Да, оказалось что проблема на моей стороне.
Chrome не хотел обновлять стили через F5, обновил только через Ctrl+F5.
...
Рейтинг: 0 / 0
15.01.2018, 14:29
| Ответить | Цитировать | Написать  
Стили Bootstrap почему-то перекрывают мои стили
    #39584438
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
Но все равно странно.
В инспекторе объектов я явно видел, что мой стиль из site.css у кнопки прописан (font-family Open Sans), но перекрывается стилями normalize.less и scaffolding.less.
То есть измененный site.css браузер загрузил.
...
Рейтинг: 0 / 0
15.01.2018, 14:31
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Стили Bootstrap почему-то перекрывают мои стили
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39584285&tid=1444337]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 177ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 251ms
total:  521ms
созд. / загр.: 521ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]