jquery - jqueryで@mediaonlyタグ内のメディアタグのCSSを変更するにはどうすればよいですか？

Question

私はiphoneとipadのWebページを作成しています。たとえば、次のCSSがあります。

#somediv {
background-color: white;
}

@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
            #somediv {
                color:red;
            }       
        }

        @media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
            #somediv {
                color:green;
            }          
    }

2つの質問があります：1）somedivのすべてのプロパティを「color：blue」に変更するjqueryセレクターを使用できるようにするにはどうすればよいですか？

2）orientation：portrait 1のみが「color：blue」になるようにするにはどうすればよいですか？

Answer 1

https://github.com/paulirish/matchMedia.js/

javascriptでメディアクエリを作成するための良いオプションです。