[Erledigt] css Elemente mehrfach bezeichnen

[Forumsgast]

Hallo,
ich habe ein PHP-Script, in dem sehr viele Elemente durch eine CSS-Datei bezeichnet werden. Jedoch gibt es auch noch Inline-CSS und folgende style-angaben möchte ich gerne in die CSS-Datei übertragen.

<div id="menu">
<li style="font-weight:bold;">
<li style="font-weight:normal; font-size:0.8em;">
...
</div> 

In der CSS-Datei habe ich nun unter anderem folgendes gefunden:

#menu ul li p {
    line-height: 1.4em;
    margin-bottom: 1.5em;
}

#menu ul {
    list-style: none;
    margin-bottom: 22px;
    color: #888;
    font-size: 1.3em;
}
#menu ul ul {
margin-bottom: 0px;
}
#menu ul li {
    clear: both;
    padding: 4px 0 24px;
    font-size: 1em;
}
#menu ul li ul li {
    padding-bottom: 4px;
    padding-right: 6px;
}
#menu ul li ul li ul {
    margin-left: 10px;
    font-size: 1em;
}
#menu ul li#authors ul li {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 10px;
    float: left;
    height: 32px;
    width: 32px;
    clear: none!important;
}
#menu ul li#authors h2 {
    padding-left: 0;
}
#menu ul li#authors ul li strong {
    display: none;
}
#menu ul li#authors ul li img.avatar {
    margin: 0;
    padding: 0;
    border: none;
}
#menu ul li#authors, #menu ul li#authors ul li {
    border: none;
    margin-bottom: -3px;
    margin-right: -5px; 

Meine CSS-Kenntnisse sind nicht die Besten, aber werden die einzelnen Klassen nur aufgerufen, wenn die jeweiligen Elemente in der Reihenfolge wie dahinter geschrieben auftreten oder wie ist das zu verstehen?
Und wie integriere ich die zwei oben genannten inline-styles?

Wäre klasse, wenn mir da jemand hilft dieses Chaos zu verstehen.

[Forumsgast]

Bitte lern die CSS-Grundlagen, die hast du dir in 10 Minuten beigebracht.

[Forumsgast]

Chriz, lass es doch einfach unkommentiert wenn du keine Lust hast...

Ich weiß schon, dass man Elemente gruppieren kann. Nur diese doppelten Einträge (#menu ul li ul li ,#menu ul li ul li ul) sind mir bisher nicht begegnet und ich weiß nicht, wie die interpretiert werden. Das geht wohl über die Grundlagen hinaus.

[Forumsgast]

Chriz hat Recht, das sind Grundlagen. Und hätte Deine Quelle wenigstens ordentlich bei selfhtml abgeschrieben, stände da auch folgendes:

Wenn Sie ein Format für mehrere HTML-Elementtypen definieren wollen, geben Sie alle gewünschten Elementtypen an und trennen Sie diese durch Kommata, so wie im obigen Beispiel p,li.

Inklusive eines Beispiels.

Und ul li ul li referenziert halt die inneren Items zweier veschachtelter Listen.

[Forumsgast]

Danke nikosch, das war hilfreich. Dann sollte ich wohl doch mal bei selfhtml bleiben

[Forumsgast]

Chriz, lass es doch einfach unkommentiert wenn du keine Lust hast...

Nein weil es genau so ist wie ich es gesagt habe, es sind Grundlagen und du hast keine Lust sie zu lernen. Das passt mir nicht, also poste ich das auch.

Edit: Und wir reden hier nicht über breitgefächerte PHP-Grundlagen, CSS! Notfalls kannst du raten. Aber gut hier für dich:

#myid markiert eine Tag-unabhängige ID <.. id="myid">
div#myid markiert eine ID eines <div> Tags <div id="myid">

.myclass markiert eine Tag-unabhängige Klasse <.. class="myclass">
div.myclass markiert eine Klasse eines <div> Tags <div class="myclass">

div markiert einen Tag <div>

div#myid.myclass markiert einen <div> Tag mit der ID myid und der Klasse myclass <div id="myid" class="myclass">
div.myclass.myclass2 markiert einen <div> Tag mit den Klassen myclass und myclass2 = <div class="myclass myclass2">

div p markiert alle <p> Tags innerhalb von <div> Tags (beliebiger Verschachtelungstiefe) <div><p>

Kombiniert ist alles möglich.

So das wars, du kannst die CSS-Grundlagen. Das war so nirgends im Netz zu finden? ^^ Einfach mal verstärkt Google einsetzen.