najpierw kod:

style wersja A:

[HTML] pobierz, plaintext 
<style>
select {color: red; }
option {color: red; }
</style>
[HTML] pobierz, plaintext 

style wersja B:

[HTML] pobierz, plaintext 
<style>
p select {color: red; }
p option {color: red; }
</style>
[HTML] pobierz, plaintext 

body:

[HTML] pobierz, plaintext 
<p>
<form>
<select>
<option>text 1</option>
<option>text 2</option>
</select>
</form>
</p>
[HTML] pobierz, plaintext 

kod jw sprawdzany w IE7.0, Firefox 2.0, Opera 9.02

Dla stylu w wersji A efekt taki jak założyłem, tzn. tekst w opcjach wyświetla się w zadeklarowanym kolorze w każdej z przeglądarek.
Dla stylu B - problem. Efekt taki jak założyłem tylko w IE i Opera. W Firefox problem, bo styl nie działa.
Potrafi ktoś to wyjaśnić?
To o co mi chodzi to możliwość tworzenia stylów na zasadzie : <style>parent child {definicja stylów} </style> także dla Firefox.


i jeszcze ciekawostka:
to tylko gdy <select><option> jest jako potomek <p> nie działa w Firefox
nie ma problemu np. gdy <select><option> jest potomkiem np. <div> lub <form>

Element <p> mimo iż blokowy nie może zawierać w sobie innych elementów blokowychŹLeDobrze

dzięki, będę się stosował
rozumiem że IE i Opera po prostu więcej wybaczają