Autor Zpráva
matata8611
Profil
Ahoj, prosím,
jak to, že :
<style>
.pagination>li>a {
    color:red}
.text-primary {
    color:#blue}
</style>


<div class="text-center"><ol class="pagination"><li><a href='fajnmakler.cz/blog/?makler=7' title='1' class='page text-primary'>1</a></li></ol></div>

je odkaz cerveny a ne modry, kdyz je text-primary až za tím .pagination>li>a

Děkuji.
juriad
Profil
Protože červený selektor je silnější. Viz Kaskádování » Pozdější vyhrává podkapitola „Podrobnější selektor“. 12 > 10.
Dan Charousek
Profil
matata8611:
Jak píše juriad, napravit by se to dalo takto:
.pagination>li>.text-primary {
    color: blue;  
}
matata8611
Profil
Aha, rozumím.
Já tam ale ten .text-primary, přidávám pomocí js.

 jQuery('.pagination li a').addClass('text-primary');

lze to nejak pridat aby to slapalo?
juriad
Profil
matata8611:
Dan Charousek po tobě nechce měnit JS, ale pravidlo v CSS (CSS přece JS neměníš).
matata8611
Profil
rozumím, ale já jedine co muhu tak zmenit tu barvu pomoci pridani tridy js. Nejde asi zmena css stylu. Musi to byt trida. Lze to nejak?
Tomáš123
Profil
matata8611:
ale já jedine co muhu tak zmenit tu barvu pomoci pridani tridy js. Nejde asi zmena css stylu.
A nejde ani manuálne prepísať selektor?

Dosť konkrétny je aj .pagination .text-primary, prípadne ol li .text-primary alebo li a.text-primary. Trieda je silnejšia ako značka, takže môžeš využiť už zahrnutú triedu page a vyskladať selektor .page.text-primary.

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: