Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Стили Bootstrap почему-то перекрывают мои стили / 5 сообщений из 5, страница 1 из 1
15.01.2018, 12:02
    #39584285
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Стили Bootstrap почему-то перекрывают мои стили
Есть такая страница:
Код: 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, 13:21
    #39584364
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Стили Bootstrap почему-то перекрывают мои стили
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:50
    #39584403
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Стили Bootstrap почему-то перекрывают мои стили
Alibek B.,

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


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