Powiecmy, że am taki kod (dla przykładu):

[HTML] pobierz, plaintext 
<div class="glowny">
   <div class="kolejny">
      <table>
         <tr>
            <td>
               takieś tam wypełnienie
            </td>
         </tr>
         <tr class="bottom">
            <td>
               <input type="text" />
               <option>...</option>
            </td>
         </tr>
      </table>
   </div>
</div>
[HTML] pobierz, plaintext 

CSS:


Czy da się jakoś inaczej zapisać tą gałąź? np.


Chodzi o to, że jak kopiuję .glowny .kolejny table tr.bottom td [...] to się robi burdel i tasiemiec....

Ze znanych mi sposobów to jedynie klasy i ID. W Twoim przypadku np. możesz komórce tabeli nadać odpowiednią (unikalną) klasę, np. td_bottom i potem już możesz się do niej bezpośrednio odnosić (td.td_bottom { /* blablabla */ }).

Poza tym taki kod jest jak najbardziej w porządku. Po prostu przenieś drugi selektor do następnej linijki i już.

[CSS] pobierz, plaintext 
.glowny .kolejny table tr.bottom td input,
.glowny .kolejny table tr.bottom td option{
background-color: red;
}
[CSS] pobierz, plaintext