Не работают стили на статической странице, как исправить?

edik8305 01.06.2017 Шаблоны (TPL), Стили (CSS) 1680

вопрос

Всем добрый вечер.
Столкнулся с глупой проблемой, но просидев над ней 4+ часа так и не смог её решить.

проблема заключается в следующем:

На статической страницы стили не подключаются к class'ам, классы как были пустые без стилей так и остаются, стили вынесены в отдельный файл, и подключены к странице, кэш чистил не помогает. Проверял пути к стилям, также проверял стили после очистки кэша на предмет изменений, и с этими пунктами все в порядке но стили почему-то не хотят подключатся к классам!

Например я пишу на статической странице:

<span class="privet">Привет<span>

В css пишу:

privet {color: red;}

И не работает, пробую по другому:

.privet {color: red;}

#privet {color: red;}

Из трех этих вариантов ни что не работает. И кстати не важно вставляю я текст с классами в редактор статической страницы или же в static.tpl безрезультатно!

В чем может быть проблема? Заранее спасибо за помощь.

Ответа пока нет

4 комментария

Юзер

697

maks - 2017-02-191 июня 2017 10:15 - #63912

Может потому, что span в конце без / или попробуй


.privet {color: red !important;}

Юзер

106

edik8305 - 2017-02-191 июня 2017 19:17 - #63920

Для слова "Привет" помог !important, но для такого кода уже не помогает!

<div class="kvantiks"><b><i class="fa fa-frown-o fa-lg"></i> Плохая новость</b><br />
	Думаю многие знают что интернет сайты, которые не занимаются продажей чего-либо, существуют только за счет размещаемой на сайте рекламы.<br />
	Именно благодаря рекламе вы можете смотреть фильмы и сериалы, скачивать какие либо программы или просто читать новости.<br />
	Но разрешенная для размещения на киносайтах реклама, значительно менее качественная и куда менее прибыльная, нежели на сайтах других тематик.<br />
	Именно поэтому киносайты приходится увешивать рекламой, количество которой, иногда просто удручает...<br />
	Мы понимаем что вы уже дико ненавидите какую-либо рекламу, и поверьте, мы её ненавидим не меньше вас.<br />
	И к сожалению, с нынешними курсами валют и соответственно, в разы возросшие затраты на содержание ресурса — рекламы меньше не станет...<br />
	<br />
	<b><i class="fa fa-smile-o fa-lg"></i> Хорошая новость!</b><br />
	Если вам нравится наш сайт.<br />
	Если вы хотите стать его полноценным пользователем и использовать все доступные функции сайта.<br />
	Желаете смотреть фильмы и сериалы без ограничений и какой-либо рекламы.<br />
	Тогда <b>Premium аккаунт</b> это именно то, что вам нужно!<br />
	<br />
	
	<div class="premtable">
		<table class="table">
			<thead>
				<tr>
					<th></th>
					<th>Обычный</th>
					<th class="prem">Премиум</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<th scope="row">Реклама на сайте</th>
					<td><i class="fa fa-check"></i></td>
					<td><i class="fa fa-times"></i></td>
				</tr>
				<tr>
					<th scope="row">Мобильная версия для всех устройств</th>
					<td><i class="fa fa-times"></i></td>
					<td><i class="fa fa-check"></i></td>
				</tr>
				<tr>
					<th scope="row">Видео в HD качестве (720 или 1080p)</th>
					<td><i class="fa fa-check"></i> (временно)</td>
					<td><i class="fa fa-check"></i></td>
				</tr>
				<tr>
					<th scope="row">Доступ к расширенному формату видео</th>
					<td><i class="fa fa-times"></i></td>
					<td><i class="fa fa-check"></i></td>
				</tr>
				<tr>
					<th scope="row">Заказ фильма и его добавление в течение нескольких часов</th>
					<td><i class="fa fa-times"></i></td>
					<td><i class="fa fa-check"></i></td>
				</tr>
				<tr>
					<th scope="row">Прямая ссылка для скачивания фильма</th>
					<td><i class="fa fa-times"></i></td>
					<td><i class="fa fa-check"></i></td>
				</tr>
				<tr>
					<th scope="row">Выделяйся из толпы!</th>
					<td><i class="fa fa-times"></i></td>
					<td><i class="fa fa-check"></i></td>
				</tr>
			</tbody>
		</table></div>
	<div class="spaceri space-bottom">&nbsp;</div>
	<div class="fot-tabl">
		<div class="pull-left">Список будет пополняться в зависимости от нововведений.</div>
		<div class="pull-right"><i class="fa fa-check"></i> Есть <i class="fa fa-times"></i> Нет</div>
		<div class="clearfix">&nbsp;</div></div>
	<div class="hohoprem" id="whe-code"><b><i class="fa fa-trophy"></i> Как подключить Премиум аккаунт?</b><br />
		Стать Премиум пользователем можно за пару шагов.
		<ol>
			<li>Зарегистрироваться на нашем сайте</li>
			<li>Выбрать нужный период премиума из таблички ниже и перейти на страницу оплаты для получения кода активации.</li>
			<li>Ввести полученный код в <a href="#premium-code">в данное поле</a></li>
		</ol></div>
	<div class="pricc">
		<div class="pri-plan">
			<div class="p-hea">1 месяц</div>
			<div class="p-bod">
				<div class="ppri">35₽</div>
				<div class="dopri">(35руб. в месяц)</div></div>
			<div class="p-bu"><a href="" target="_blank" rel="nofollow">Выбрать</a></div></div>
		<div class="pri-plan pri-active">
			<div class="p-hea">3 месяца</div>
			<div class="p-bod">
				<div class="ppri">89₽</div>
				<div class="dopri">(29руб. в месяц)</div>
				<div class="ppercent">Выгода 15%</div></div>
			<div class="p-bu"><a href="" target="_blank" rel="nofollow">Выбрать</a>
				<div class="popti">Оптимальное решение</div></div></div>
		<div class="pri-plan">
			<div class="p-hea">6 месяцев</div>
			<div class="p-bod">
				<div class="ppri">159₽</div>
				<div class="dopri">(26руб. в месяц)</div>
				<div class="ppercent">Выгода 25%</div></div>
			<div class="p-bu"><a href="" target="_blank" rel="nofollow">Выбрать</a></div></div>
		<div class="pri-plan">
			<div class="p-hea">1 год</div>
			<div class="p-bod">
				<div class="ppri">269₽</div>
				<div class="dopri">(22руб. в месяц)</div>
				<div class="ppercent">Выгода 35%</div></div>
			<div class="p-bu"><a href="" target="_blank" rel="nofollow">Выбрать</a></div></div>
		<div class="clearfix">&nbsp;</div></div></div>

Юзер

697

maks - 2017-02-191 июня 2017 20:03 - #63921

Для чего нужно стили применить?


.kvantiks b {.....

Юзер

106

edik8305 - 2017-02-191 июня 2017 20:53 - #63922

Для почти всех дивов, вот не большая часть css:

#premium-str .bilet-content .pricc {
    margin: 40px auto !important;
    max-width: 1000px !important;
    font-family: var(--main-font) !important;
}
#premium-str .bilet-content .pricc .pri-plan:nth-child(1) {
    border-left: 1px solid #DBDBDB !important;
    border-right: 0 !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
#premium-str .bilet-content .pricc .pri-plan {
    position: relative !important;
    width: 25% !important;
    float: left !important;
    text-align: center !important;
    border: 1px solid #DBDBDB !important;
    border-left: 0 !important;
}
#premium-str .bilet-content .pricc .pri-plan:nth-child(1) .p-hea {
    border-top-left-radius: 10px !important;
}
#premium-str .bilet-content .pricc .pri-plan .p-hea {
    background: #e4eaf0 !important;
    font-size: 22px !important;
    font-weight: bold !important;
    height: 65px !important;
    line-height: 70px !important;
    position: relative !important;
}
#premium-str .bilet-content .pricc .pri-plan .p-bod {
    padding: 60px 0 20px !important;
    min-height: 205px !important;
}
#premium-str .bilet-content .pricc .pri-plan:nth-child(1) .p-bu {
    border-bottom-left-radius: 10px !important;
}
#premium-str .bilet-content .pricc .pri-plan .p-bu {
    padding: 10px !important;
    background: #f9f9f9 !important;
    border-top: 1px solid #eee !important;
}
#premium-str .bilet-content .pricc .pri-plan .p-bu a {
    display: block !important;
    padding: 2px 16px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #315e8f !important;
    border-radius: 4px !important;
    background: #e4eaf0 !important;
    border-bottom: 1px dotted !important;
}

И ничто из этого не подключается к классам!
Скопировать мне нужно с этой вот страницы - https://kinogb.me/premium.html
Начиная с "Плохая новость" заканчивая "Блоком с тарифами", тем более там все выполнено на css, значит для меня проблем бы не составило оформить как мне нужно, проблема только в том что стили к классам не подключаются!

Я разместил заказ (https://dle-faq.ru/ordersdesk/22697-skopirovat-element-dizayna-s-drugogo-sayta.html) по-поводу этой проблемы, если есть желание взяться за выполнение - то буду только рад!