Всем привет.
Недавно меня настигла такая подстава в макете:
Реализовал я это, конечно, через background-color, заданный самой глубокой обёртке текста span. Подстава в том, что на следующем макете родительские item чередуются и приходится переназначать стили, задавая модификатор в таблице, так как одна таблица на белом фоне, другая на сером.
Заблаговременно (ещё до того как понял, что во втором макете границы нет =D) накидал костыль на coffee, чтоб переназначить цвет в span.
cartable = ->
moduleName = 'cartable'
module = $ ".#{moduleName}"
carlistOdd = module.find ".carlist__autocard--#{moduleName}:nth-of-type(odd)"
carlistEven = module.find ".carlist__autocard--#{moduleName}:nth-of-type(even)"
modifyTable = (module, modificator)->
module.each ->
thisList = $ this
thisTable = thisList.find ".table"
thisTable.addClass "table--#{modificator}"
modifyTable(carlistOdd, 'white')
modifyTable(carlistEven, 'gray')
module.exports = cartable;
И всё же мучает академический интерес - есть ли способ решить вопрос с вёрсткой подобного компонента без грубой заливки верхнего элемента? т.е на css это всё как то сделать а костыль убрать в ящик...
PS. гуглить пробовал - предлагают в принципе только тот вариант, что мне в голову и пришёл...
jsfiddle.net/L2ya3buj
codius.ru/articles/%D0%9A%D0%B0%D0%BA_%D1%81%D0%B2...
xiper.net/collect/html-and-css-tricks/content/tabl... 
