Можно ли как-то задать стили только для IE?

прочитал, но это же только проверка на поддерживаемость. IE поддерживает flex-box, но в то же время выходит у него всё криво. Также он поддерживает и margin, но в нём мне надо другое значение.
Использую less.

.pagination {
    display: flex; 
    margin-bottom: 10px;

    display: inline-block; // свойства только для IE
    margin-bottom: 0; // свойства только для IE

Если я ошибаюсь, то как это записать в моём случае?

Тимур Турсунбаев, IE не поддерживает @supports.

danilr, вы препроцессор используете, как я понимаю? Если SCSS, то так:

.pagination {
    display: flex; 
    margin-bottom: 10px;
    
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        display: inline-block;
        margin-bottom: 0; 
    }

}

Если просто CSS, то так:

.pagination {
    display: flex; 
    margin-bottom: 10px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .pagination {
        display: inline-block;
        margin-bottom: 0; 
    }
}

А вообще, если вы верстаете под IE11, то он спокойно поддерживает большинство решений на flex. Иными словами, flexbox в 99% случаев в IE11 не требует чего-то уникального.

Рустам Байназаров, вот именно то что он его не поддерживает, можно смело использовать

Тимур Турсунбаев, ну это тогда надо весь нормальный код оборачивать в @supports. Не очень хорошо это.

Рустам Байназаров, ну да, печально конечно, но ведь "работает") И это даже не костыль.

Тимур Турсунбаев, ну лучше тогда ту штуку сверху использовать, что я прислал, так логичнее. Она тоже работает.

Рустам Байназаров, да я проверил отлично себя показала, учту на будущее, хотя на врятли давно гриды используем, но все равно спасибо

Тимур Турсунбаев, если придется поддерживать IE11 в проекте, то о Grid можно забыть :))

У меня пока все проекты требуют его поддержки, к сожалению.

буду признателен за разъяснение - зачем тут media и что значит -ms-high-contrast, *::-ms-backdrop

danilr, в ie все правила начинаются с *::-ms-backdrop
а ms-high-contrast это вообще только для ie по другому только js

Максим Ленский, а медиа зачем? Почему тогда supports не использовать?

danilr, так это работает - ie узнаёт о стилях для него через медиа запрос

danilr, IE вообще не поддерживает @supports, поэтому всех хаки для IE построены на @media.

Код автора ответа — правильный, но этот хак можно упростить ещё:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .class {
     /* Тут стили, которые будут работать только в IE */
   }
}

Рустам Байназаров, спасибо!)