Autor Zpráva
Petr Havel
Profil
Už dlouho se vrtám v preudotřídách, ale stále jsme nenašel nic na můj problém.
Mám standardní uspořádání webu, např:
<h1>Hlavní nadpis</h1>
  <h2>A</h2>
    <h3>A 1</h3>
      <p>text</p>
    <h3>A 2</h3>
      <p>text</p>
  <h2>B</h2>
    <h3>B 1</h3>
      <p>text</p>
    <h3>B 2</h3>
      <p>text</p>
A potřebuji tuto věc, aby každý první nadpis h3 těsně za h2 jsem mohl jinak nastylovat (změnit margin-top) - prostě aby mezi h2 a h3 nebyla velká mezera.
Žádný z :first-child, :after, :firts-of-type mi nepomohlo, nebo s tím neumím pracovat.

Díky za radu
Tomáš123
Profil
Petr Havel:
Vyskúšaj:
h2+h3 {
margin-top: 2em;
}
To vlastne vyberie každý nadpis h3, ktorý sa v zdrojovom kóde nachádza hneď po nadpise h2.
Ak sa mýlim opravte ma!
Petr Havel
Profil
Díky moc, funguje :)
Bubák
Profil
Pokud jde jen o zmíněnou mezeru, tak nějak takto, pseudotřídy ani pokrořilé selektory nejsou potřeba:
h2 {
    margin-bottom: 0;
}
h3 {
    margin-top: 0;
}
http://kod.djpw.cz/icdb

Petr Havel:
íky moc, funguje
Moc nechápu, jak to funguje, rozumím tomu, že mezera bude 2em, ale ty jsi chtěl, aby mezi h2 a h3 mezera nebyla, jedině, že bys už měl něco hotovo, asi takto:
http://kod.djpw.cz/jcdb
Tomáš123
Profil
Bubák:
ale ty jsi chtěl, aby mezi h2 a h3 mezera nebyla

To je moja chyba, ja som si zle prečítal zadanie, ale funguje to obidvoch prípadoch. :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0