Dany artykuł jest trzymany w jakimś elemencie HTML, czy to <div> czy <article> czy dowolnym innym. Nadajesz mu klasę lub id - np. #test
Następnie elementowi dla którego chcemy coś zmienić znów nadajemy klasę lub id - np. #zmiana
Później już tylko w CSS: #test #zmiana{
/*css */
}
Dlaczego to zadziała? Rozszyfrujmy skrót CSS -> Cascading Style Sheets
Owa kaskadowość oznacza, że style które są jak najlepiej zdefiniowane( jak najdokładniej ) mają pierwszeństwo przed innymi. !important niszczy tą zależność. W praktyce oznacza to tyle, że gdy mamy:
http://jsfiddle.net/LFGg7/Dzięki nadaniu id dany styl lepiej określa kolor, dlatego "wygrywa" ze zwykłym span{ ... }
W Twoim przypadku gdy np. dodam do jakieś tabeli id to od razu mogę zmieniać lepiej dane style, bo mają większy priorytet:
http://jsfiddle.net/MkF8M/6/Gdy dodam !important to znów poprzedni styl jest ważniejszy:
http://jsfiddle.net/MkF8M/8/.tutek tr:nth-child(odd) td {
background: #fff !important;
}
Mam nadzieję, że trochę Ci rozjaśniłem. W razie czego daj dokładny przykład tego co chcesz osiągnąć w stylu: to i to ma być takie, a to i to ma wyglądać tak
--- edit ---
http://jsfiddle.net/MkF8M/9/ <- to co chcesz osiągnąć.
W tym wypadku musisz usnąć tylko część styli. Z głównej tabelki wszystko prócz koloru, a z komórek td wszystko