Einzelnen Beitrag anzeigen
  #5 (permalink)  
Alt 18.09.2020, 14:57
bernadette bernadette ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.09.2020
Beiträge: 3
bernadette befindet sich auf einem aufstrebenden Ast
Standard

Danke für den Hinweis.

Jedoch
Wenn ich es aber so anwende und das
Code:
background
mit
Code:
opacity
überschreibe ist wieder alles auf diesen einen Wert durchsichtig. Die anderen beiden Elemente sind dann rechts?

Da ich jetzt Anfänger*in bin mal die allgemeine Frage. Wie ich Klassen vererbe.
Bislang habe ich keinen gute Beschreibung dazu gefunden wo dies mit den Punkten erklärt wird.

Bsp:
Code:
.Klasse1 .Klasse1_Ergaenzung{}
Mit dem Leerzeichen gelten die aufgeführten Eigenschaften nur wenn ich diese innerhalb der Klasse1 verwende so wie ich es hier im HTML Code getan hatte. So das ich eine eigenständige Klasse "Suchmaske" verwenden könnte.

Habe ich das richtig verstanden?

HTML-Code:
        <div Class="All Kopfzeile"> 
            <img src="Picture/Hauptbild.PNG" width="150px" height="50px" 
           Class="Bild">
             <form style="float: right;" Class="Suchmaske"> 
                 <p>
                <label for="text">Suche</label>
                <input type="text" id="text">
                 </p>
            </form>
        </div>
Als Beispiel ich möchte, dass die Eigenschaften der Klasse "All" auch in der Klasse "Kopfzeile" gelten. Ohne das ich die Eigenschaften explizit mit hinschreiben muss?
Code:
        .All{
                margin-left: auto;
                margin-right: auto; 
                padding-left: 200px;
                padding-right: 20px;
            }
/*--------------------------------------------------------*/   
 
                .All.Kopfzeile
                 { 
                    background: rgba(153, 255, 255, .2);
                    width: 100%;
                    height: 50px; 
                    margin-top: 20px;
                }

Geändert von bernadette (18.09.2020 um 15:25 Uhr)
Mit Zitat antworten