如何僅定位樣式表中的IE（任何版本）？我有一個繼承的項目，有些地方是一個徹頭徹尾的混亂。這是其中之一。我需要只針對IE（任何版本）。#nav li {
float: left;
height: 54px;
background: #4f5151;
display: table;
border-left: 1px solid grey;}需要說明的是：在嵌入式樣式表中，如果沒有為html中的標記添加ID或類，我只需要在用戶使用IE時應用邊框樣式。我怎樣才能做到這一點？編輯：找到Firefox的解決方案，編輯問題以反映這一點。
3 回答
森林海
TA貢獻2011條經(jīng)驗 獲得超2個贊
這是一組媒體查詢，允許您為任何版本的Internet Explorer（從IE6到IE11 +），F(xiàn)irefox，Chrome和Safari（EDIT：還添加Opera）執(zhí)行此操作。
IE 6
* html .ie6 { property: value; }要么
.ie6 { _property: value; }IE 7
*+html .ie7 { property: value; }要么
*:first-child+html .ie7 { property: value; }IE 6和7
@media screen\9 {
.ie67 {
property: value;
}}要么
.ie67 { *property: value; }要么
.ie67 { #property: value; }IE 6,7和8
@media \0screen\,screen\9 {
.ie678 {
property: value;
}}IE 8
html>/**/body .ie8 { property: value; }要么
@media \0screen {
.ie8 {
property: value;
}}IE 8標準模式
.ie8 { property /*\**/: value\9 }IE 8,9和10
@media screen\0 {
.ie8910 {
property: value;
}}僅限IE 9
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
// IE9 CSS
.ie9{
property: value;
}}IE 9及以上版本
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
// IE9+ CSS
.ie9up {
property: value;
}}IE 9和10
@media screen and (min-width:0\0) {
.ie910 {
property: value\9;
} /* backslash-9 removes ie11+ & old Safari 4 */}僅限IE 10
_:-ms-lang(x), .ie10 { property: value\9; }IE 10及以上版本
_:-ms-lang(x), .ie10up { property: value; }要么
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.ie10up {
property:value;
}}IE 11（及以上......）
_:-ms-fullscreen, :root .ie11up { property: value; }Firefox（任何版本）
@-moz-document url-prefix() {
.ff {
color: red;
}}Firefox（僅量子/ Stylo）
@-moz-document url-prefix() {
@supports (animation: calc(0s)) {
/* Stylo */
.ffStylo {
property: value;
}
}}Firefox Legacy（前Stylo）
@-moz-document url-prefix() {
@supports not (animation: calc(0s)) {
/* Gecko */
.ffGecko {
property: value;
}
}}Webkit（Chrome和Safari，任何版本）
@media screen and (-webkit-min-device-pixel-ratio:0) {
property: value;}谷歌瀏覽器（29+）
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
.chrome {
property: value;
}}Safari（7.1+）
_::-webkit-full-page-media, _:future, :root .safari_only {
property: value;}Safari（從6.1到10.0）
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
@media {
.safari6 {
color:#0000FF;
background-color:#CCCCCC;
}
}}Safari（10.1+）
@media not all and (min-resolution:.001dpcm) {
@media {
.safari10 {
color:#0000FF;
background-color:#CCCCCC;
}
}}歌?。?2+）
@media (min-resolution: .001dpcm) {
_:-o-prefocus, .selector {
.opera12 {
color:#0000FF;
background-color:#CCCCCC;
}
} }歌劇（11歲及以下）
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
.opera11 {
color:#0000FF;
background-color:#CCCCCC;
}}有關更多信息或其他媒體查詢，請訪問browserhacks.com網(wǎng)站和/或查看我就此主題撰寫的此博客文章。
添加回答
舉報
0/150
提交
取消