Poradie CSS stylov

Zdravim Vas,
na jednom mojom webe sa mi stala zvlastna vec. Styly jadra drupalu konkretne /modules/system/defaults.css mi prepisali moje vlastne styly vo vlastnej sablone. Kedze sablonu som robil sam a odznova, pravdepodobne bude chyba v nej ale netusim aka. Zvlastne je ze ked si dam zobrazit zdrojovy kod celej stranky styly su v spravnom poradi no ked si dam zobrazit css informacie o konkretnom elemente (hr) uplatnuje sa najskor moj styl a potom je prepisany spominanym stylom jadra. Napada Vas preco to tak moze byt? Za pomoc vopred dakujem.

Profile picture for user Jan Polzer

Dobrý den. Nejlíp by to chtělo URL a přesný popis prvku, kde se tak děje a toho, jak by měl vypadat a nevypadá.

Takhle můžu jen tipnout, že výchozí styly jsou prostě zacíleny přímo na daný element, kdežto ty vaše mají upravenu dědičnost prvků tak, že je interpretována až následně. Nezáleží přitom na připojení CSS souborů v hlavičce.

Typicky se tak děje u menu.

návštěvník

Dobry den,
deje sa to na tejto adrese http://bakchus.webnamieru.sk/ kde by som ja chcel aby ciara oddelujuca jednotlive aktuality bola 1px siroka a zelenej farby tak ako nadpisy clankov.
Moj styl:
div.spaceline hr (riadok 277)
{
color: #427c00;
height: 1px;
}

A styl ktory ho prepisuje z jadra:
hr (riadok 14)
{
height: 1px;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: gray;
border-right-color-value: gray;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: gray;
border-left-color-value: gray;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
}

Za pomoc dakujem.

Profile picture for user Jan Polzer

To je jasné. Vy definujete barvu a výšku. Původní styly definují šířku rámečku. Čili tam dejte tohle a bude to fungovat:

div.spaceline hr{
  border-bottom: none;
  border-top:1px solid #427C00;
}

 

návštěvník

Hambím sa :-). Dakujem za pomoc.

Odpovědět

Obsah tohoto pole je soukromý a nebude veřejně zobrazen.

Filtered HTML

  • Povolené HTML značky: <a href hreflang> <em> <strong> <cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <p> <br>
  • Řádky a odstavce se zalomí automaticky.
  • Web page addresses and email addresses turn into links automatically.

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Novinka listopad 2020

 

Kniha 333 tipů a triků pro Drupal 9


Více na KnihyPolzer.cz

Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Poslední komentáře
reklama
Nové diskuze
reklama
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

@maxiorel na Twitteru

Maxiorel na Twitteru