Jak zrobić aby jeden przycisk był inny od innych

Question

Co zrobić aby opcja pobierz launcher miał inny kolor tła niż inne?

Answer 1

<style>
    /* styl dla wszystkich tag'ów <button> */
    button {
        background-color: black;
        color: white;
    }
    /* style dla <button class="lancher"> i <a class="lancher"> */
    .lancher {
        background-color: yellow;
        color: black;
    }
    /* style dla <button id="lancher"> */
    #lancher {
        background-color: orange;
        color: blue;
    }
     /* styl dla wszystkich tag'ów <a> */
    a {
        background-color: black;
        color: white;
    }
    /* style tylko dla <a class="lancher"> */
    a.lancher {
        text-decoration: none
    }
    a:last-child:before {
        content: '>>';
        padding-right: 5px;
    }
    a:last-child {
        background-color: greenyellow;
        color: black;
    }
    a:nth-child(2) {
        font-size: 30px;
    }
</style>
<div>
    <button>home</button>
    <button>o nas</button>
    <button id="lancher">pobierz launcher</button>
    <button class="lancher">pobierz launcher</button>
</div><br>
<div>
    <a href="" title="jestem a:first-child ale mogę być a:nth-child(1)">home</a>
    <a href="" class="lancher" title="jestem a:nth-child(2)">o nas</a>
    <!-- tu jest a:last-child:before >> --><a href="" title="jestem a:last-child ale mogę być a:nth-child(3")>pobierz launcher</a>
</div><br>

[ css: background-color ] [ css: pseudo classes: :last-child :first-child :nth-child(x) ] [ css pseudo elements: :before ] [ 30 css selectors you must memorize ]

Answer 2

Dodaj do tego przycisku taki atrybut:

style="background-color: [kolor po angielsku lub zakodowany]"

Więcej o "kodowaniu" kolorów

Możesz też użyć klasy, i wtedy nie używać powyższego kodu

Jeżeli chodzi Ci o kolor tekstu to zamiast "background-color:" użyj "color:"

 

Comments

@_Pita_ masz literówkę:  

---

Poprawiona, ale dzięki za czujność 

Answer 3

Dodaj klasę, np. hightlight, w której nadpiszesz ustawienia domyślne przycisku i podaj ją po głównej klasie:

class="button inny-wyglad"