Strona internetowa- Divy i opacity

Question

Mam pytanie, otóż mam jednego dużego diva którego dla przykładu nazwę "ako01". Nadam mu w CSS opacity 0.6, problem a raczej pytanie jak to zrobić jest związane z tym jak zrobić aby wszystkie divy wewnątrz "ako01" nie dziedziczyły tego opacity a miały domyślną wartość 1.0. Czy jest to możliwe?

Comments

Uzyj RGBA

Answer 1

Nie nazywaj w ten sposob elementow.. Sprawdz co to bem, najlepiej.

Wracajac do pytania aby to zrobic, na dzieciach tego elementu musisz uzyc:

child
{
all: initial;
}

W ten sposób przywrócisz wszystkie wartości do pozycji startowej.

Comments

#mama
{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 1600px;
    background-color: black;
    opacity: 0.6;   
}

#dziecko
{
   all: initial;
}

#dziecko
{ 
    width: 95%;
    height: 5%;
    background-color: red;
    margin-left: auto;
    margin-right: auto;  
}

Przepraszam za te nazwy :( Kod wygląda tak jak u góry a nie daje to nic. Gdzie popełniam błąd?

---

https://codepen.io/anon/pen/XBogzG