Stylowanie CSS, Styl dla zmiennej Opcje

[alek37]

Mam taki oto problem. Chcialbym ostylowac sobie w CSS zmienna w nastepujacej postaci:

[PHP] pobierz, plaintext 
<div style="padding:2px;" id="poll_buttons_<?php echo $poll->id;?>" ></div>
[PHP] pobierz, plaintext 

Oczywiscie jest to tylko niewielki fragment kodu sondy do glosowania. Istotny dla mnie element to:

[PHP] pobierz, plaintext 
<?php echo $poll->id;?>
[PHP] pobierz, plaintext 

Jest to zmienna uzalezniona od numeru id stworzonej sondy. W kodzie wynikowym html wyglada to tak ze id stylu przybiera postac polll_buttons_1, poll_butons_2, ... itd

Moje pytanie to jak stworzyc do tego styl w elegancki sposob aby zabezpieczyc sobie uniwersalnosc dla wielu sond (nie jestem w stanie przewidziec dla ilu).
Ja wymyslilem tylko cos takiego:
#poll_butons_1, #poll_butons_2, #poll_butons_3, #poll_butons_4, #poll_butons_5 { .......}

Wydaje mi sie ze jest to malo eleganckie i kompletnie nie uniwersalne. Gdy sond bedzie 6, 7, lub wiecej bedzie trzeba pamietac o modyfikacji arkusza stylow.
Czy istnieje na to jakies inne rozwiazanie?

Ten post edytował alek37 27.11.2013, 10:14:34

[Tuminure]

Jeżeli struktura wygląda tak:

[PHP] pobierz, plaintext 
<div class="poll_container">
    <div style="padding:2px;" id="poll_buttons_<?php echo $poll->id;?>" ></div>
    ...
    <div style="padding:2px;" id="poll_buttons_<?php echo $poll->id;?>" ></div>
</div>
[PHP] pobierz, plaintext 

to możesz nadać styl w taki sposób:

[CSS] pobierz, plaintext 
.poll_container div { color: #ff0000; }
[CSS] pobierz, plaintext 

Dodatkowo nie musisz robić kopiuj-wklej w stylach:

[CSS] pobierz, plaintext 
.asdf { color: #ff0000; }
.zxcv { color: #ff0000; }
[CSS] pobierz, plaintext 

działa tak samo jak:

[CSS] pobierz, plaintext 
.asdf, .zxcv { color: #ff0000; }
[CSS] pobierz, plaintext 

Ten post edytował Tuminure 28.11.2013, 11:50:51

[alek37]

[quote name='Tuminure' date='28.11.2013, 11:50:04 ' post='1077822']
Jeżeli struktura wygląda tak:

[PHP] pobierz, plaintext 
<div class="poll_container">
    <div style="padding:2px;" id="poll_buttons_<?php echo $poll->id;?>" ></div>
    ...
    <div style="padding:2px;" id="poll_buttons_<?php echo $poll->id;?>" ></div>
</div>
[PHP] pobierz, plaintext 

To nie powtarza sie tak jak to napisales. Przedstawiony przeze mnie <div> jest odpowiedzialny (w polaczeniu z input) za przycisk do glosowania w sondzie.

[PHP] pobierz, plaintext 
<div style="padding:2px;" class="poll_buttons" id="poll_buttons_<?php echo $poll->id;?>" >	
	<input type="submit" id="submit_vote_<?php echo $poll->id; ?>" name="task_button" class="<?php echo (Helper::is30() ? 'btn btn-primary' : 'button'); ?>" value="<?php echo JText::_('MOD_MIJOPOLLS_VOTE'); ?>" <?php echo $disabled; ?> />
	</div>	
	<div id="poll_loading_<?php echo $poll->id;?>" style="display:none;"><?php echo JText::_('MOD_PROCESSING'); ?>
	</div>
[PHP] pobierz, plaintext 

Ten post edytował alek37 28.11.2013, 17:01:16