nth-of-type nie działa wewnątrz zapytań o media w IE 8 - javascript, css3

Typ n-tego nie działa w zapytaniach o media, ale działa poza zapytaniami o media w tym samym pliku css w IE 8. ja używam

<script src="http://css3-mediaqueries-js.googlecode.com/files/css3-mediaqueries.js" ></script>

i css:

.j-container:nth-of-type(1), .j-container:nth-of-type(3) {
background-color: #eee;
}/* It is working */
@media screen and (max-width: 480px) {

.j-container:nth-of-type(1), .j-container:nth-of-type(3) {
background-color: #ff0000;
}/* Not working */
@media screen and (max-width: 768px) {

.j-container:nth-of-type(1), .j-container:nth-of-type(3) {
background-color: #ff0000;
}/* Not working */
@media screen and (man-width: 769px) {

.j-container:nth-of-type(1), .j-container:nth-of-type(3) {
background-color: #ff0000;
}/* Not working */

Odpowiedzi:

IE8 nie obsługuje wielu selektorów CSS3, takich jak nth, IE8 również nie obsługuje zapytań o media:

http://caniuse.com/#search=media%20queries

Również zapytania o media nie są zamknięte, co nie pomoże.

Wybierając pierwszy i trzeci typ we wszystkich zapytaniach o media, aby zamiast tego zmienić kolor tła za pomocą zwykłej klasy?

Jeśli chcesz, aby to działało w IE8, będziesz potrzebował używać narzędzi do pisania zarówno do zapytań o media, jak i do selektorów CSS3, oto lista do oglądania:

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills