Скрипт должен менять цвета определенных частей на сайте. Что делают части скрипта?

Question

[ALTech1]

Поясните пожалуйста что означает каждый элемент скрипта!

.ezd-demo-screen-switch[_ngcontent-c22], .footer-wrapper[_ngcontent-c7] .footer-row[_ngcontent-c7] .footer-btn[_ngcontent-c7] button[_ngcontent-c7]
{
background: var(--post-black) !important;
}

Comments

[Ilya Muromtsev]

Какого скрипта? Что это за набот букв с циферками? Нельзя куда нить в онлайн редактор кода скинуть, показать код целиком?

[FeST1VaL]

Это не скрипт, а набор селекторов для задачи бэкграунда в зависимости от присвоенных классов

[Valsin]

Сейчас вопрос выглядит так: "Что делают части скрипта? Скрипт я вам не покажу, но вот набор символов, непонятно как относящийся к вопросу"
Если хотите помощи - сформулируйте проблему конкретно, приложите код полноценный, без этого никак

[ALTech1]

Valsin, полный скрипт выглядит вот так:
@-moz-document url-prefix("https://dnevnik.mos.ru/student_diary/student_diary/")
{
:root
{
--deadly-black: #202020;
--nav-black: #1d1d1d;
--post-black: #232323;
--deadly-white: #fbfdd8;
--light-purple: #7F7AEB;
--dark-purple: #524CBD;
--deadly-red: #ff6555;
--deadly-lime: #00FF5D;
}

/*head*/
.header[_ngcontent-c15] .ezd-header, .wrapper[_ngcontent-c25] .mark-scale-select[_ngcontent-c25], .ezd-demo-screen-switch[_ngcontent-c22], .footer-wrapper[_ngcontent-c7] .footer-row[_ngcontent-c7] .footer-btn[_ngcontent-c7] button[_ngcontent-c7], .footer-wrapper[_ngcontent-c7] .footer-row[_ngcontent-c7] .footer-btn[_ngcontent-c7] button[_ngcontent-c7]:hover
{
border: none;
}

.ezd-demo-screen-switch[_ngcontent-c22], .footer-wrapper[_ngcontent-c7] .footer-row[_ngcontent-c7] .footer-btn[_ngcontent-c7] button[_ngcontent-c7]
{
background: var(--post-black) !important;
}

.notification
{
border: none;
background: var(--deadly-red);
}

/************************************ body *******************************************/

.detail-lesson-panel-wrapper[_ngcontent-c17] .content[_ngcontent-c17] .tab-selector[_ngcontent-c17] > div.selected-tab[_ngcontent-c17]
{
background: var(--post-black);
color: var(--deadly-white);
border: 1px solid transparent;
}

.detail-lesson-panel-wrapper[_ngcontent-c17] .content[_ngcontent-c17] .tab-selector[_ngcontent-c17]
{
border: none;
}

.banner-wrapper[_ngcontent-c5] img[_ngcontent-c5]
{
height: 0px;
}

.wrapper[_ngcontent-c3], .header[_ngcontent-c15], body, [_nghost-c16], .ezd-dropdown, .sf-download-bar__footer, header[_ngcontent-c5], .header[_ngcontent-c15] .ezd-header, .diary-toolbar[_ngcontent-c19], .breadcrumbs[_ngcontent-c21], .footer-wrapper[_ngcontent-c7] .footer-row[_ngcontent-c7] .footer-btn[_ngcontent-c7] button[_ngcontent-c7], .mat-dialog-container, .label[_ngcontent-c32], .hw-attaches-modal-wrapper[_ngcontent-c32], .hw-attaches-modal-wrapper[_ngcontent-c32] .modal-content[_ngcontent-c32] .attach-wrapper[_ngcontent-c32] .file-link[_ngcontent-c32],.detail-lesson-panel-wrapper[_ngcontent-c17]
{
background: var(--deadly-black);
color: var(--deadly-white);
}

a
{
color: var(--deadly-white) !important;
}

.lessons-wrapper[_ngcontent-c18]
{
background: var(--nav-black) !important;
color: var(--deadly-white) !important;
}

.assigned-time[_ngcontent-c18]
{
background: var(--dark-purple) !important;
}

.ordinary[_ngcontent-c28], .mark-weight[_ngcontent-c28]
{
background: var(--light-purple) !important;
border-color: transparent;
color: var(--deadly-white) !important;
}

.lessons-wrapper[_ngcontent-c18] .schedule-item-row[_ngcontent-c18]:not(:last-child):hover , .lessons-wrapper[_ngcontent-c18] .schedule-item-row[_ngcontent-c18]:hover
{
background: var(--post-black) !important;
}

.lessons-wrapper[_ngcontent-c18] .schedule-item-row[_ngcontent-c18] .lesson-type[_ngcontent-c18]
{
border: none;
}
/************************************************************************************************/

.ezd-stroked-button, .date-range-input[_ngcontent-c23]
{
background: var(--deadly-black) !important;
color: var(--deadly-white) !important;
border-color: transparent !important;
}

.date-range-input[_ngcontent-c23]:hover, .date-range-input[_ngcontent-c23]:not(:disabled):hover, .date-range-input[_ngcontent-c23]:not(:disabled)[aria-expanded=true], .mat-menu-panel
{
background: var(--post-black) !important;
}

.mat-stroked-button:not([class*=mat-elevation-z])
{
box-shadow: none;
}

.mat-fab.mat-accent[disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled]
{
color: var(--deadly-white);
}

::-webkit-scrollbar-thumb
{
background: #333;
}

/*down*/
.footer-wrapper[_ngcontent-c7]
{
background: var(--nav-black) !important;
}

.hw-attaches-modal-wrapper[_ngcontent-c32] .modal-content[_ngcontent-c32] .attach-wrapper[_ngcontent-c32], .attach-wrapper
{
background: #222;
margin-bottom: 0px;
}
}

@-moz-document url-prefix("https://www.mos.ru")
{
/******************************************/
/************* ***************/
/********** Header ************/
/************* ***************/
/******************************************/

:root
{
--dt-black: #202020;
--dt-white: #fbfdd8;
--d-black: #1d1d1d;
--l-black: #232323;
--dt-purple: #7F7AEB;
--d-purple: #524CBD;
--dt-red: #ff6555;
--dt-lime: #00FF5D;
--dt-orange: #FF7F3F;
}

/*тёмно серый*/
.popup-content, .mos_footer *, .mos_layouts_wrapper *
{
background: var(--d-black);
background-color: var(--d-black);
color: var(--dt-white);
}

/*Ссылки*/
.link_primary__fU-Jd, .link_primary__fU-Jd:active, .link_primary__fU-Jd:hover, .link_primary__fU-Jd:link, .link_primary__fU-Jd:visited, button.link_primary__fU-Jd
{
color: var(--dt-purple);
}

/*Выбранные ссылки*/
.Menu_text__3DGkY, a.Menu_text__3DGkY
{
color: var(--dt-orange) !important;
}

/*Дополнительное*/
.popup-content
{
background: var(--d-black) !important;
}
/*Убрать новости*/
.News_news__mxBN6
{
display: none;
}
/*Никаких border!*/
.Menu_menu__13xOb:after
{
display: none;
}
}

@-moz-document url-prefix("https://www.mos.ru/services/catalog")
{
/******************************************/
/************* ***************/
/********** Услуги ************/
/************* ***************/
/******************************************/

:root
{
--dt-black: #202020;
--dt-white: #fbfdd8;
--d-black: #1d1d1d;
--l-black: #232323;
--dt-purple: #7F7AEB;
--d-purple: #524CBD;
--dt-red: #ff6555;
--dt-lime: #00FF5D;
--dt-orange: #FF7F3F;
}

/* Цвет заднего фона */
body, .catalog-main, .catalog-main__row, .catalog-categories, .service-mobile, .services-together, .b-content, .catalog-popular__item .item
{
background: var(--dt-black);
background-color: var(--dt-black);
color: var(--dt-white);
}

/********************************************************/
/********** Навигационная панель ************/
/********************************************************/

.catalog-categories__category:hover
{
background: var(--l-black);
color: var(--dt-orange);
}

/* Ссылки */
.catalog-categories__category, .catalog-categories_category-selected .catalog-categories__category
{
color: var(--dt-purple);
}

/* Выбранные ссылки */
.catalog-categories__category_current, .catalog-categories__category_current:hover, .catalog-categories_category-selected .catalog-categories__category.catalog-categories__category_current, .catalog-categories_category-selected .catalog-categories__category.catalog-categories__category_current:hover
{
color: var(--dt-orange) !important;
background: var(--l-black);
}
/* "Звёздочка" */
.catalog-categories__category_current .catalog-categories__icon_star, .catalog-categories_contrast .catalog-categories__category_current .catalog-categories__icon_star, .catalog-categories__icon_star
{
background-image: none;
background: var(--dt-orange);
}

/*Никаких border!*/
*, :after, :before
{
border: none !important;
}

/********************************************************/
/********** Выбор услуг ************/
/********************************************************/

.catalog-popular__item .item
{
color: var(--dt-orange);
}
}

[smilingcheater]

ALTech1, то что вы скинули - это не скрипт. Это стили.

[ALTech1]

smilingcheater, возможно, я не разбираюсь в этом от слова вообще.
А что означают все эти непонятные строки
по типу .ezd-demo-screen-switch[_ngcontent-c22] и так далее?

[smilingcheater]

ALTech1, Это называется CSS, https://ru.wikipedia.org/wiki/CSS

[ALTech1]

smilingcheater, я знаю что это css. Я правильно понимаю что эти строки изменяют цвет определенной части сайта?

[smilingcheater]

ALTech1, давайте на примере строки из вашего предпоследнего сообщения, ".ezd-demo-screen-switch[_ngcontent-c22]"
.ezd-demo-screen-switch - выбрать теги с классом "ezd-demo-screen-switch"
<span class="ezd-demo-screen-switch">
[_ngcontent-c22] - выбрать теги с аттрибутом _ngcontent-c22, т.е. например

<span _ngcontent-c22>, либо <span _ngcontent-c22="">

т.е. выбрать теги с классом ezd-demo-screen-switch имеющие аттрибут _ngcontent-c22

[ALTech1]

smilingcheater, то есть команда находит на сайте объекты с определенным классом и атрибутом и перекрашивает его?

[smilingcheater]

ALTech1, не команда, а css-селектор. Находит на странице сайта элементы, подходящие по селекторам (перечисленным через запятую) и применит к ним правила, написанные после селектора в фигурных скобках. В вашем случае для элементов, подходящих под селектор
.ezd-demo-screen-switch[_ngcontent-c22], .footer-wrapper[_ngcontent-c7] .footer-row[_ngcontent-c7] .footer-btn[_ngcontent-c7] button[_ngcontent-c7]
Применится стиль
background: var(--post-black) !important;
т.е. цвет фона выставится из css-переменной --post-black

[ALTech1]

Понял. Спасибо вам огромное!

Answer 1

[Антон Шаманов]

в css3 появилась возможность создавать переменные, собственно этот код подставляет значение переменной, подбробнее