隨著IE11的廣泛普及，越來越多的網站也開始考慮兼容IE11的CSS樣式。但是，由于IE11本身對CSS的兼容性有所缺陷，所以我們需要對一些特殊的CSS樣式進行兼容性處理。

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 兼容IE11的flex布局 */
.container {
display: -ms-flexbox;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
justify-content: center;
}
.item {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 10px;
}
/* 兼容IE11的漸變背景色 */
.bg {
background: -ms-linear-gradient(left, #ff0000, #00ff00);
background: linear-gradient(to right, #ff0000, #00ff00);
}
/* 兼容IE11的gif動畫 */
.logo {
background-image: url(images/logo.gif);
background-size: contain;
width: 100px;
height: 100px;
}
/* 兼容IE11的陰影效果 */
.box {
-ms-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
/* 兼容IE11的選擇器 */
a + span {
color: red;
}

總的來說，在編寫兼容IE11的CSS樣式時，我們需要注意flex布局、漸變背景色、gif動畫、陰影效果和選擇器兼容性問題等。只有在深入理解CSS原理的基礎上，才能更好地兼容各種瀏覽器，并為用戶帶來更好的體驗。