クロムデベロッパーツールチップ(1) - 擬似クラスのデバッグ

カーソルの結果、およびスタイルが消えたため、開発は非常に不便、、、私たちはしばしば、スタイル、イベントを置く、いくつかのフォーカスを追加し、発生したが、我々は、時間のスタイルを変更しようとして、時間を浮上、クロムデベロッパーツールを開くために行ったときデバッグは、実際には、クロムデバッグツールは非常に便利な方法を提供してくれました


あなたは右、対応する力の状態の擬似クラスを選択する]をクリックし、上記の要素をデバッグする必要があるため、マウスを移動し、疑似クラスは、対応する擬似クラススタイルの効果のために対応する要素をトリガーが出てきた、その後、あなたは、スタイルの要素の上にホバーを試運転、カーソル効果なし、スタイルを変更することができます

同時に、右上のスタイルで、パネルの小さなリマインダーがあるだろう、それはまた、非常に便利です

現在、フォーカス内訪れ、いくつかの疑似クラス、ホバー、アクティブ、フォーカスをサポートしています

少数の人々が集中し、内数人見て、精通しているの前には、違いがあるために内のフォーカスとフォーカスで
ピントが合って現在のスタイルの要素を集中します。内のフォーカスの子要素にフォーカスがあるといい、要素のスタイル、コンクリートはZhangxin徐記事を参照してください。https://www.zhangxinxu.com/wordpress/2018/01/css-focus-within-pseudo-class-ことができますセレクタ/

あなたが学んだことのこの小さな知識は、大幅に彼らの通常の開発経験を増やすことができ、学びました

あなたが好きなら、あなたは私の公共の「chromedev」の数を心配することもできます



おすすめ

転載: www.cnblogs.com/chromedev/p/11748934.html
おすすめ