Hướng dẫn css for only ie - css chỉ tức là

Dưới đây là bộ sưu tập các truy vấn truyền thông sẽ cho phép bạn thực hiện điều đó cho bất kỳ phiên bản nào của Internet Explorer (từ IE6 đến IE11+), Firefox, Chrome & Safari (Chỉnh sửa: cũng được thêm Opera).

Tức là 6

* html .ie6 { property: value; }

hoặc

.ie6 { _property: value; }

Tức là 7

*+html .ie7 { property: value; }

hoặc

*:first-child+html .ie7 { property: value; }

Tức là 7

@media screen\9 { 
    .ie67 {
        property: value; 
    }
}

hoặc

.ie67 { *property: value; }

hoặc

.ie67 { #property: value; }

Tức là 7

@media \0screen\,screen\9 {
    .ie678 {
        property: value;
    }
}

Tức là 6 và 7

html>/**/body .ie8 { property: value; }

hoặc

@media \0screen {
    .ie8 {
        property: value;
    }
}

Tức là 7

.ie6 { _property: value; }
0

Tức là 6 và 7

.ie6 { _property: value; }
1

Tức là 6, 7 và 8

.ie6 { _property: value; }
2

Tức là 8

.ie6 { _property: value; }
3

IE 8 Chế độ tiêu chuẩn

.ie6 { _property: value; }
4

Tức là 8,9 và 10

.ie6 { _property: value; }
5

Tức là 9 chỉ

.ie6 { _property: value; }
6

hoặc

.ie6 { _property: value; }
7

Tức là 7

.ie6 { _property: value; }
8

Tức là 6 và 7

.ie6 { _property: value; }
9

Tức là 6, 7 và 8

*+html .ie7 { property: value; }
0

Tức là 8

*+html .ie7 { property: value; }
1

IE 8 Chế độ tiêu chuẩn

*+html .ie7 { property: value; }
2

Tức là 8,9 và 10

*+html .ie7 { property: value; }
3

Tức là 9 chỉ

*+html .ie7 { property: value; }
4

Tức là 9 trở lên

*+html .ie7 { property: value; }
5

Tức là 9 và 10

*+html .ie7 { property: value; }
6

Tức là 10 chỉ

*+html .ie7 { property: value; }
7

Tức là 10 trở lên

*+html .ie7 { property: value; }
8

Tức là 11 (và ở trên ..)

DigitalOcean cung cấp các sản phẩm đám mây cho mọi giai đoạn của hành trình của bạn. Bắt đầu với $ 200 trong tín dụng miễn phí!

Hướng dẫn css for only ie - css chỉ tức là

Bài viết này đã được cập nhật từ một phiên bản cũ hơn (ban đầu là ngày 24 tháng 9 năm 2007). Tôi chỉ muốn mở rộng nó và làm cho nó rõ ràng hơn.

Nếu bạn đọc blog này, có 99% cơ hội bạn đã có trải nghiệm kéo tóc với IE. Nhưng nếu bạn xứng đáng với muối của mình với tư cách là một lập trình viên CSS, bạn sẽ có thể đối phó với nó. Tôi cho rằng bạn có thể xử lý bất cứ điều gì IE có thể ném vào bạn mà không cần sử dụng hack. Các vụ hack rất nguy hiểm, vì chúng dựa trên các khai thác không chuẩn, bạn có thể dự đoán cách chúng sẽ cư xử trong các trình duyệt trong tương lai. Công cụ được lựa chọn để chống lại các vấn đề IE là bảng kiểu có điều kiện. IE cung cấp các thẻ nhận xét, được hỗ trợ tất cả các cách hiện tại IE 8 để nhắm mục tiêu các phiên bản cụ thể, cũng như các thứ lớn hơn/ít hơn so với mục tiêu nhắm mục tiêu nhiều phiên bản cùng một lúc.conditional stylesheet. IE provides comment tags, supported all the way up to the current IE 8 to target specific versions, as well as greater-than/less-than stuff for targeting multiple versions at once.

Tại sao sử dụng các kiểu dáng có điều kiện?

  • Bạn gặp vấn đề, họ cần sửa chữa
  • Giữ mã của bạn không hack và hợp lệ
  • Giữ cho biểu đồ chính của bạn sạch sẽ
  • Kỹ thuật hoàn toàn chấp nhận được, bị Microsoft xử phạt

Và hãy nhớ rằng, các thẻ có điều kiện này không chỉ được sử dụng cho CSS. Bạn có thể tải JavaScript hoặc thậm chí sử dụng chúng trong nội dung của trang web của bạn để hiển thị các tin nhắn đặc biệt IE đặc biệt.

Mật mã

Điều này sẽ đi trong bạn với tất cả các tệp CSS CSS CSS thông thường khác. Các thẻ mở và đóng nên quen thuộc, đó chỉ là những bình luận của OL HTML thường xuyên. Sau đó, giữa các dấu ngoặc, nếu nếu và IE IE, nên khá rõ ràng. Cú pháp cần lưu ý là người Viking! Đứng cho người Viking không phải là người khác, vì vậy! IE có nghĩa là không phải là IE. GT có nghĩa là người lớn hơn so với người khác, GTE có nghĩa là lớn hơn hoặc bằng nhau, LT có nghĩa là ít hơn so với, LTE có nghĩa là ít hơn hoặc bằng nhau.

Lưu ý rằng IE 10 trở lên hoàn toàn không hỗ trợ các ý kiến ​​có điều kiện.

Nhắm mục tiêu tất cả các phiên bản của IE

*+html .ie7 { property: value; }
9

Nhắm mục tiêu mọi thứ ngoại trừ IE

*:first-child+html .ie7 { property: value; }
0

Nhắm mục tiêu IE chỉ 7

*:first-child+html .ie7 { property: value; }
1

Nhắm mục tiêu IE 6 chỉ

*:first-child+html .ie7 { property: value; }
2

Nhắm mục tiêu IE chỉ 5

*:first-child+html .ie7 { property: value; }
3

Chỉ mục tiêu IE 5.5 chỉ

*:first-child+html .ie7 { property: value; }
4

Nhắm mục tiêu IE 6 trở xuống

*:first-child+html .ie7 { property: value; }
5
*:first-child+html .ie7 { property: value; }
6

Nhắm mục tiêu IE 7 trở xuống

*:first-child+html .ie7 { property: value; }
7
*:first-child+html .ie7 { property: value; }
8

Nhắm mục tiêu IE 8 trở xuống

*:first-child+html .ie7 { property: value; }
9
@media screen\9 { 
    .ie67 {
        property: value; 
    }
}
0

Mục tiêu IE 6 trở lên

@media screen\9 { 
    .ie67 {
        property: value; 
    }
}
1
@media screen\9 { 
    .ie67 {
        property: value; 
    }
}
2

Mục tiêu IE 7 trở lên

@media screen\9 { 
    .ie67 {
        property: value; 
    }
}
3
@media screen\9 { 
    .ie67 {
        property: value; 
    }
}
4

Mục tiêu IE 8 trở lên

@media screen\9 { 
    .ie67 {
        property: value; 
    }
}
5
@media screen\9 { 
    .ie67 {
        property: value; 
    }
}
6

Mục tiêu IE 10

Đọc này.

Universal IE 6 CSS

Đối phó với IE 6 trở xuống luôn là một thách thức đặc biệt. Ngày nay, mọi người đang bỏ hỗ trợ cho nó phải và trái, bao gồm các doanh nghiệp lớn, ứng dụng web lớn và thậm chí cả chính phủ. Có một giải pháp tốt hơn là chỉ để trang web xuống địa ngục, và đó là phục vụ IE 6 trở xuống dưới một biểu định kiểu bị loại bỏ đặc biệt, sau đó phục vụ IE 7 trở lên (và tất cả các trình duyệt khác) CSS thông thường. Điều này được đặt ra là phổ quát IE 6 CSS.

@media screen\9 { 
    .ie67 {
        property: value; 
    }
}
7

Hack

Nếu bạn phải…

IE-6 chỉ

@media screen\9 { 
    .ie67 {
        property: value; 
    }
}
8

IE-7 chỉ

@media screen\9 { 
    .ie67 {
        property: value; 
    }
}
9

IE-8 chỉ

.ie67 { *property: value; }
0

IE-7 & IE-8

.ie67 { *property: value; }
1

Không chỉ IE-7:

.ie67 { *property: value; }
2

Ẩn từ IE 6 trở xuống:

.ie67 { *property: value; }
3
.ie67 { *property: value; }
4

Đối số chống lại các kiểu dáng có điều kiện

Chúng ta không nên cần họ. Họ chống lại tinh thần của các tiêu chuẩn web.

Đối số cho các kiểu dáng có điều kiện

Vâng, nhưng chúng tôi cần chúng.

Tài nguyên bổ sung

  • IE lỗi mà sẽ có được bạn mỗi lần.
  • Tài liệu về lỗi IE