Media Queriesレベル4 規格のドラフトが昨日公開され 、将来の規格の主要なイノベーションであるpointer
と
hover
プロパティは、指駆動デバイスのサポートを改善することを目的としています。
hover
プロパティは、クリックせずにアイテムの上に
hover
できるポインターがデバイスにある場合は1、そうでない場合は0です。 マウスポインター要素にカーソルを合わせているときにドロップダウンメニューまたはツールチップが表示されるデスクトップコンピューターに馴染みのあるWebサイトの動作は、タブレットやスマートフォンのユーザーに多くの問題を引き起こします。
hover
プロパティを使用すると、
hover
プロパティを完全に放棄することはできませんが、可能な場合は引き続き使用できます。 例：
@media（ホバー）{
.menu > li { display ：inline- block ; }
.menu ul { 表示 ： なし ; 位置 ： 絶対 ; }
.menu li ：ホバー ul { display ： block ; リストスタイル ： なし 。 パディング ： 0 ; }
}
pointer
プロパティは、
coarse
値を取ることができます-指駆動のタッチスクリーンの場合、マウスまたはスタイラスの場合は問題なく、
none
。 例：
@media（ポインター：粗い）{
input [ type = "checkbox" ] 、 input [ type = "radio" ] {
最小幅 ： 30px ;
最小高さ ： 40px ;
背景 ： 透明 ;
}
}
pointer
と
hover
加えて、別のプロパティが登場しました-
script
。 デバイスがJavaScriptをサポートしている場合は値1を、サポートしていない場合は値0を取ります。またはJavaScriptが現在無効になっています。
コードの強調表示-highlight.hohli.com