html-css, Вооооот!
Перечеркивает — значит есть более специфичный стиль. Там же ищите неперечеркнутый стиль и смотрите, где он прописан. А потом выясняйте откуда он взялся и зачем.
html-css, Вы сказали — не действует. т.е. свойство применено браузером, а не только написано вами в коде, но не срабатывает. Такое могло быть с невалидным значением.
Не выполняется (или не применяется) — это другое. Браузер не применяет свойство, потому что оно, например, перебивается каскадом или прописано не тому селектору.
Так вот, если свойство не применяется, нужно открыть инспектор и посмотреть, какие стили в каком порядке применяются к элементу и потом либо самому понять, почему не работает, либо задать вопрос сообществу, приложив скриншот из инспектора, чтобы люди не гадали на кофейной гуще, как это сейчас происходит, а указали на вполне конкретную причину глюка.
html-css, это вы конечно врёте. None не может не действовать — это валидное значение для свойства.
В любом случае, лучше воспользуйтесь советом из апдейта.
Практика показывает, что флексы довольно сносно работают в последнем IE.
Попробуйте прогнать стили через автопрефиксер. В простых случаях этого достаточно.
Или подкладывайте фейковый элемент под таблицу, под нужными ячейками. Тут, понятно, нужен js - считать положение элементов на странице, отслеживать скролл и ресайз для корректировки.
Я оттуда лишь привёл пример атомика, и он полностью совпадает с тем, что в примере в посте: один класс - одно свойство.
Это было понятно с самого начала. понятно что именно вас смущает. Но я уже отметил этот нюанс: Тот факт, что модификаторы вырождены до одного css-свойства, не превращает БЭМ в AtomicCSS.
Перечеркивает — значит есть более специфичный стиль. Там же ищите неперечеркнутый стиль и смотрите, где он прописан. А потом выясняйте откуда он взялся и зачем.