??? ??? ? ID ???? ??? ?? ?? ??? ?? ????. 1) ??? ???? ?? ??, ??? ??? ???? ???? 2) ID ???? ?? ? ??, ?? ???? ?????. ??? ???? ? ???? ID ???? ????? ? ??? ? ?? ?? ??? ??? ? ? ????.

CSS ???? ????? ?? ???? ???? ???? ?? ???? ID ??? ?? ?? ??? ??? ?? ? ???? ???? ?????. ??? ?? ?? ???????? ?? ?? ??? ?? ??? ??? ??? ???? ??? ??? ?? ? ??? ??? ? ?????? ? ?? ???? ?? ?? ??.

??? ???? ???? ???????. ? ????? ?? ??? ???? ?? ? ? ???? ??? ??? ???? ?????. ?? ??, ???? ?? ??? ??? ???? ??????? ??? ?????. ??? ?? ????.

 .Button {
    ??? : #4CAF50;
    ?? : ??;
    ?? : 10px 20px;
    ?? : ??;
    ?? : ???;
}

??? ID ???? ?????. ??? ??? ? ? ?? ??????? ?? ? ???? ??? ?? ??? ????? ? ??????. ?? ??, ??? ???? ??? ????? ?? ID? ??? ?? ? ? ????.

 #?? ?? {
    ??? : #333;
    ?? : ??;
    ?? : 20px;
    ??? ?? : ??;
}

?? ???? ?? ??????. ID ???? ????? ????? ???? ??? ???? ?? ? ????. ???? ?? ??? ?? ?? ?????? ??? ? ??? ?? ???? CSS ? HTML? ???? ???? ?????. ID? ???? ID? ???? HTML? CSS? ?? ????????? ?????. ? ??? ???? ????? ???? ?? ???? ??? ??? ????.

? ??? ?? ?? ?? ?? ??? ?? ? ????? ?? ?????. ???? ????? ???? ???? ?? ? ??? ???? ID? ??????. ??? ??? ?? ??? ??? ??? ? ?? ??? ? ?????. ??? CSS? ???? ??? ?? ???? ????.

 / * ??? ?? ??? */
.Button {
    ??? : #4CAF50;
    ?? : ??;
    ?? : 10px 20px;
    ?? : ??;
    ?? : ???;
}

/ * ?? ? ??? ?? ??? */
#?? ?? {
    ??? : #008cba;
    ?? ?? : ???;
}

??? ???? ???? ??? ?? ??? ??? ? ? ??? ?? ??? ??? ????. ID? ????? ??? ?? ??? ??? ???? ??? ? ????. ??? ??? ?? ? ? ????. ?? ???? ??????? ? ????. ??? ???? ???? ??? ??? ?? ??? ??? ?? ????. ???? ??? ??? ??? ?? ??? ????.

 / * ??? ??? */
.Button {
    ??? : #4CAF50;
}

/ * ID ??? */
#?? ?? {
    ??? : #008cba;
}

/ * html */
<button class = "button"id = "?? ??"> ?? </button>

? ?? ID #submit-button .button ? ???? ?? ?? ??? ??? ????. ??? ?? ? ???? ??? ? ???? ??? ??? ??? ? ????.

?? ?? ? ?? ??? ID? ????? ????. ?? CSS? ????? ? ??? ? ? ????. ??? ID? ?? ???? ?? HTML? CSS? ?? ?????????. ??? ?? ? ?????? ??? ? ? ????. ??? ???? ???? HTML? ?? ?? ???? ?????? ???? ????.

CSS? ?????? SASS ??? ?? ????? ???? ?? ??????. ? ??? ???? ??, ?? ? Mixins? ??? ? ???? CSS??? ????? ???? ????. ??? Sass? ???? ???? ???? ??? ????.

 $ Button-Color : #4CAF50;
$ button-text-color : ??;

.Button {
    ??? : $ Button-Color;
    ?? : $ Button-Text-Color;
    ?? : 10px 20px;
    ?? : ??;
    ?? : ???;

    &#?? ?? {
        ??? : #008cba;
        ?? ?? : ???;
    }
}

? ?? ??? ??? ???? ????? ??? (???? ????) ??? ???? ?????? ?? ?????? ? ? ????.

????? CSS ??? ??? ??? ??? ? ID ???? ??? ??? ???? ?? ?????. ???? ???? ?? ??? ???? ?? ID? ???? ? ?? ??? ?????. ?? ?? ?? ??? ???? CSS ? ???? ?? ?? ??? ???? ????? ?? ???? ?? ??? ??? ??? ?? ? ????. ??? ??? ??? ??? ???? ??? ???? ???? ?? ???? ????.

? ??? CSS ??? ??? ? : ???? ?????? ??? ? ID? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!