Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ CSS _ element, który ma po sobie (ale nie od razu) inny element

Napisany przez: damianooo 1.08.2019, 13:14:40

Potrzebuję CSSem zmienić właściwość "elementu, który ma po sobie (ale nie od razu) inny element" . Przykład poniżej :


  1. <http://december.com/html/4/element/div.html class="a">
  2. <http://december.com/html/4/element/div.html class="b"> (ten chcę zmienić, ale tylko wtedy gdy element z klasą "d" istnieje w jego drzewie dziedzieczenia)
  3. <http://december.com/html/4/element/div.html class="c">
  4. <http://december.com/html/4/element/div.html class="d">
  5. </http://december.com/html/4/element/div.html>
  6. </http://december.com/html/4/element/div.html>
  7. </http://december.com/html/4/element/div.html>
  8. </http://december.com/html/4/element/div.html>

Napisany przez: trueblue 1.08.2019, 13:24:04

Nie ma póki co takiej możliwości w CSS.

Jeśli generujesz HTML w kodzie, to wygeneruj dla elementu .b dodatkową klasę jeśli jego dzieckiem jest element .d.

Napisany przez: damianooo 1.08.2019, 13:35:20

a więc pozostaje tylko jQuery .

Hmm z jQuery mam taki problem że po wczytaniu strony na chwilę miga poprzednie ustawienie to co zmieniam więc słabo też.

Napisany przez: trueblue 1.08.2019, 13:47:05

Ale generujesz ten kod HTML samodzielnie, czy pobierasz skądś gotowy?

Napisany przez: damianooo 1.08.2019, 14:01:06

Kod generuje mi Wordpress ale ja mam za zadanie obrobić kilka rzeczy na stronie więc używam CSS i jQuery do tego celu.

Napisany przez: trueblue 1.08.2019, 14:06:30

Jeśli nie chcesz grzebać w kodzie WP, to pozostaje tak jak piszesz JS.

Gdzie ładujesz kod jQuery, w HEAD czy BODY? Czy skrypt uruchamiasz w zdarzeniu ready czy load?

Napisany przez: damianooo 1.08.2019, 14:09:14

w ready:

  1. jQuery(document).ready(function () {

Napisany przez: trueblue 1.08.2019, 14:30:28

A gdzie ładujesz kod jQuery, w HEAD czy BODY?

I dodatkowe pytanie, gdzie wywołujesz podany skrypt?

Napisany przez: damianooo 1.08.2019, 14:45:11

właściwie to temat już załątwiony - zrobiłem to w jQuery i jednak jest OK , nie ma efektu mignięcia. Gdzieś pamiętam że z innym elementem miałem taki problem .

Dzięki za próbę pomocy i szkoda że w CSS nie jest to jeszcze możliwe, chociaż może nie wiesz że jest a jest ? Długo szukałem w necie i nie było tego co chciałem ale dziwne że nikt nie miał jeszcze takiego problemu

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)