Форум Сайтостроение Веб-строительство

CSS не может распознать верный селектор, как так?

M2
На сайте с 11.01.2011
Offline
342
mark2011
315

Всем привет!

Начал верстать сайт с использованием sass. Имеются следующие файлы:

sass/_fonts.sass:


@font-face
font-family: 'AGAalenBold';
src: url('../fonts/agaalebold/aAGAalenBold-Roman.eot');
src: url('../fonts/agaalebold/AGAalenBold-Roman.eot?#iefix') format("embedded-opentype"), url('../fonts/agaalebold/AGAalenBold-Roman.woff2') format("woff2"), url('../fonts/agaalebold/AGAalenBold-Roman.woff') format("woff"), url('../fonts/agaalebold/AGAalenBold-Roman.ttf') format("truetype"), url('../fonts/agaalebold/AGAalenBold-Roman.svg#AGAalenBold-Roman') format("svg");
font-weight: bold;
font-style: normal;


@font-face
font-family: 'AG Souvenir';
src: url('../fonts/agsouvenir/AGSouvenirCyrRoman.eot');
src: url('../fonts/agsouvenir/AGSouvenirCyrRoman.eot?#iefix') format("embedded-opentype"), url('../fonts/agsouvenir/AGSouvenirCyrRoman.woff2') format("woff2"), url('../fonts/agsouvenir/AGSouvenirCyrRoman.woff') format("woff"), url('../fonts/agsouvenir/AGSouvenirCyrRoman.ttf') format("truetype"), url('../fonts/agsouvenir/AGSouvenirCyrRoman.svg#AGSouvenirCyrRoman') format("svg");
font-weight: normal;
font-style: normal;

sass/_vars.sass


/* fonts */

$logoTitleFontName: 'AgAalenBold';
$logoTitleFontSize: '33px';
$logoSubTitleFontName: 'Arial';
$logoSubTitleFontSize: '15px';

/* colors */

$bgColor: "#afa854";

ну и, наконец, sass/style.sass


@import 'vars', 'fonts';

body
background-color: $bgColor;

Всё это конвертируется во вполне нормальный css/style.min.css:


@font-face{font-family:'AGAalenBold';src:url("../fonts/agaalebold/aAGAalenBold-Roman.eot");src:url("../fonts/agaalebold/AGAalenBold-Roman.eot?#iefix") format("embedded-opentype"),url("../fonts/agaalebold/AGAalenBold-Roman.woff2") format("woff2"),url("../fonts/agaalebold/AGAalenBold-Roman.woff") format("woff"),url("../fonts/agaalebold/AGAalenBold-Roman.ttf") format("truetype"),url("../fonts/agaalebold/AGAalenBold-Roman.svg#AGAalenBold-Roman") format("svg");font-weight:bold;font-style:normal}@font-face{font-family:'AG Souvenir';src:url("../fonts/agsouvenir/AGSouvenirCyrRoman.eot");src:url("../fonts/agsouvenir/AGSouvenirCyrRoman.eot?#iefix") format("embedded-opentype"),url("../fonts/agsouvenir/AGSouvenirCyrRoman.woff2") format("woff2"),url("../fonts/agsouvenir/AGSouvenirCyrRoman.woff") format("woff"),url("../fonts/agsouvenir/AGSouvenirCyrRoman.ttf") format("truetype"),url("../fonts/agsouvenir/AGSouvenirCyrRoman.svg#AGSouvenirCyrRoman") format("svg");font-weight:normal;font-style:normal}body{background-color:"#afa854"}

Далее подключаю всё:


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.min.css" />
<title>Safari Tours</title>
</head>
<body>

</body>
</html>

Фон страницы белый, по тапу F12 вижу перечеркнутый элемент background-color, который есть, но по каким-то причинам не распознается и не применяется.... не могу понять причину. Синтаксис sass правильный, всё компилируется... посмотрите кто-нибудь незамыленным взглядом, что тут не так?

---------- Добавлено 10.11.2019 в 11:46 ----------

Цвет в кавычках был, сам тупанул... прошу понять, простить и не пинать :)

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
nezabor
На сайте с 19.07.2010
Offline
152
nezabor
#1

-а зачем кавычки?-

(потер)

Чудес не бывает...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий