• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dlaczego znacznik "a" nie dziedziczy koloru fonta ani text-decoration, ani chyba nic od swoich przodków?

Aruba Cloud PRO i VPS, Openstack, VMWare, MS Hyper-V
+1 głos
224 wizyt
pytanie zadane 11 grudnia 2015 w HTML i CSS przez Strategiusz Dyskutant (9,220 p.)
edycja 11 grudnia 2015 przez Strategiusz

Jaka za tym stoi zasada działania?

Edit: może pokażę to na przykładzie:

HTML:

<ul>
  <li><a href="#">asdasd</a>  </li>
  <li><a href="#">asdasd</a>  </li>
  <li><a href="#">asdasd</a>  </li>
</ul>

<div>
  <span>spanspam</span>
</div>

CSS

li, ul {
  color: green;
  text-decoration: none;
}
div {
  color: red;
  text-decoration: underline;
}

Efekt:

<span> odziedziczył po <div>, a <a> nie chce po <ul> ani po <li>.

Dalsze testy wykazują, że to z <a> jest coś nie tak, bo span w liście dziedziczy, a <a> w divie nie dziedziczy.

2 odpowiedzi

+3 głosów
odpowiedź 11 grudnia 2015 przez 0e85dc6eaf Dyskutant (8,840 p.)
wybrane 11 grudnia 2015 przez Strategiusz
 
Najlepsza

Dodaj

a
{
color:inherit;
text-decoration:inherit;
}

'a' nie dziedziczy tych cech, gdyż są one z góry określone dla tego elementu (np. wielkość dziedziczy)

Lepsze wyjaśnienie http://kodcss.pl/kurs-css/lekcje/dzial-1/dziedziczenie-wlasciwosci-css

komentarz 11 grudnia 2015 przez Czort Nałogowiec (32,580 p.)
Dokładnie, znacznik <a> ma domyślny styl, który trzeba zmienić jeśli nie chcesz używać domyślnego. Podobnie jest z wieloma znacznikami, np. <h1>, <button>, itd.
komentarz 11 grudnia 2015 przez Strategiusz Dyskutant (9,220 p.)
Dzięki, chyba w końcu rozumiem. Po prostu ta cała reszta co dziedziczy ma domyślnie ustawione inherit? Z tym <h1> itd. racja, nie wiem czemu jakoś nigdy mnie nie dziwiło, że nie dziedziczą font-size z body.
komentarz 11 grudnia 2015 przez 0e85dc6eaf Dyskutant (8,840 p.)
inherit oznacza, że element ma odziedziczyć wartość po rodzicu ;)
komentarz 26 kwietnia 2016 przez graffit Nowicjusz (100 p.)
Witam, w takim razie mam pytanie: po co używać inherit, skoro z reguły elementy (dzieci) dziedziczą po rodzicach?
komentarz 26 kwietnia 2016 przez 0e85dc6eaf Dyskutant (8,840 p.)
Trochę odkop, ale łap https://www.w3.org/TR/CSS2/cascade.html#value-def-inherit po angielsku, ale mam nadzieję, że zrozumiesz
komentarz 26 kwietnia 2016 przez Strategiusz Dyskutant (9,220 p.)
Bo właśnie czasem nie dziedziczą, jak <h> czy <a>.
+1 głos
odpowiedź 11 grudnia 2015 przez Kamil Kalicki Nowicjusz (160 p.)
Aby móc modyfikować znacznik <a> musisz najpierw go ostylować używając text-decoration: none;
komentarz 11 grudnia 2015 przez Strategiusz Dyskutant (9,220 p.)
Zedytowałem pytanie, żeby pokazać o co mi chodzi.

Podobne pytania

0 głosów
2 odpowiedzi 90 wizyt
pytanie zadane 24 marca 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
0 głosów
2 odpowiedzi 958 wizyt
pytanie zadane 29 marca 2018 w HTML i CSS przez Liryk Użytkownik (650 p.)
0 głosów
2 odpowiedzi 115 wizyt
pytanie zadane 30 października 2016 w HTML i CSS przez Avenue Użytkownik (940 p.)

89,727 zapytań

138,332 odpowiedzi

309,340 komentarzy

59,649 pasjonatów

Advent of Code 2022

Top 15 użytkowników

  1. 429p. - Argeento
  2. 427p. - nidomika
  3. 396p. - Mikbac
  4. 392p. - ssynowiec
  5. 390p. - Łukasz Eckert
  6. 387p. - TheLukaszNs
  7. 386p. - rucin93
  8. 382p. - Michal Drewniak
  9. 382p. - Marcin Harasimowicz
  10. 378p. - JMazurkiewicz
  11. 373p. - tokox
  12. 367p. - Jarosław Roszyk
  13. 362p. - adrian17
  14. 359p. - overcq
  15. 350p. - Mawrok
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...