Интернет |
CSS не может распознать верный селектор, как так?
Всем привет!
Начал верстать сайт с использованием sass. Имеются следующие файлы:
sass/_fonts.sass:
sass/_vars.sass
ну и, наконец, sass/style.sass
Всё это конвертируется во вполне нормальный css/style.min.css:
Далее подключаю всё:
Фон страницы белый, по тапу F12 вижу перечеркнутый элемент background-color, который есть, но по каким-то причинам не распознается и не применяется.... не могу понять причину. Синтаксис sass правильный, всё компилируется... посмотрите кто-нибудь незамыленным взглядом, что тут не так?
---------- Добавлено 10.11.2019 в 11:46 ----------
Цвет в кавычках был, сам тупанул... прошу понять, простить и не пинать :)
Начал верстать сайт с использованием 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; |
Цитата:
/* fonts */ $logoTitleFontName: 'AgAalenBold'; $logoTitleFontSize: '33px'; $logoSubTitleFontName: 'Arial'; $logoSubTitleFontSize: '15px'; /* colors */ $bgColor: "#afa854"; |
Цитата:
@import 'vars', 'fonts'; body background-color: $bgColor; |
Цитата:
@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> |
---------- Добавлено 10.11.2019 в 11:46 ----------
Цвет в кавычках был, сам тупанул... прошу понять, простить и не пинать :)