+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Problem z dziedziczeniem (/thread-css-problem-z-dziedziczeniem)
[CSS] Problem z dziedziczeniem - kbzium - 03-10-2011
Cześć,
mam taką sytuację, że napisałem sobie system oceniania. Wszystko tam działa dobrze, ale teraz chciałbym, żeby jak najzgrabniej dorobić do niego jego mniejszą wersję (czyli po prostu zmniejszyć gwiazdki). Teraz działało to tak, że był div klasy .rating a w nim były klasy .star, .starholder i tak też w całym skrypcie js (jquery) i php się do tego odnosiłem. Czy teraz da się zrobić jakoś tak, żeby jak najmniej zmienić, tj:
Kod:
<div style='rating rating.small'><div class="starholder"><div class="star"></div>(...)</div></div>czyli tylko dodać jedną klasę do głównego diva. Jeśli musiałbym zmenić rating na rating.small, to js by się posypał, no i musiałbym zrobić to samo dla starholder i star, co oznacza dużo zmian w pliku php wczytującego z bazy dane i wypisującego odpowiednią ich ilość w takiej formie jak podałem. Próbowałem tak, ale oczywiście się nie udało, bo wszystko jest dziedziczone. Chciałem zrobić tak jak w przypadku elementów po id, tj [syntax=css]#element .klasa[/syntax] i wtedy ta klasa odnosi się tylko do tego elementu. Nie da się zrobić tak, żeby pewna klasa nie byłą dziedziczona, a była ważna tylko w elemencie o innej klasie? Tzn robiłem to tak...:
Kod:
div.rating {
}
div.rating.large {
background-image: url(res/staroff.png);
position: absolute;
right: 25%;
top: 20px;
width: 160px;
height: 32px;
}
div.rating.large .star {
border: none;
background-image: url(res/staron.png);
width: 32px;
height: 32px;
}
div.rating.large .starholder {
float: left;
width: 32px;
height: 32px;
}
div.rating.small {
background-image: url(res/staroff_s.png);
width: 80px;
height: 16px;
}
div.rating.small .star {
width: 16px;
height: 16px;
background-image: url(res/staron_s.png);
}
div.rating.small .starholder {
float: left;
width: 16px;
height: 16px;
}Czyli w skrócie chciałbym, żeby np. div.rating.small był identyfikatorem,bo wtedy mogę zrobić taki trik, że .star i .starholder pozostają niezmienione, czyli nie ruszam kodu php (bo "który to", określałby div w którym się znajdują.).
Dziękuję!
RE: [CSS] Problem z dziedziczeniem - Kartofelek - 03-10-2011
stylujesz sobie .rating ogólnie 100%
potem robisz sobie klasę np .rating.small {....} i w niej stylujesz to co się zmienilo względem rating.
W kodzie html umieszczasz
<div class="rating"> czyli
.rating {...}
lub
<div class="rating small"> czyli
.rating.small {...}
Ty popelniles blad w deklaracji class w html
RE: [CSS] Problem z dziedziczeniem - kbzium - 03-10-2011
Super! Jak zwykle bardzo mi pomogłeś :-). Wszystko, co napisałem działa tylko, jak napisałeś, popełniłem błąd przy wpisywaniu diva :-)
Dziękuję!