使用chromes web判断器查看代码非常有用.但是,例如,您如何看待按钮的悬停代码呢?您必须将鼠标悬停在按钮上,因此不能在判断器中使用它(鼠标).在判断器中是否有快捷方式或其他方式来完成此操作?

推荐答案

现在,您可以看到伪类样式规则并将其强制应用于元素.

要查看类似于:hover的规则,请在"样式"窗格中单击右上角的小虚线框按钮.

要强制元素进入:hover状态,请右键单击它.

或者,您可以使用"脚本"面板中的"事件侦听器断点"侧栏窗格,并 Select 在鼠标悬停处理程序中暂停.

Css相关问答推荐

自定义kendo色彩 Select 器中的清晰按钮

CSS媒体查询不显示所需的输出

在 CSS 中跨列对齐文本基线

如何剪切一个正方形以便我可以绘制追逐边框?

如何为图像堆叠效果下方的图层实现与磨砂玻璃类似的视觉效果

Bootstrap 和 Sass:将 SCSS 文件转换为 CSS 时出错.错误:$theme-colors-rgb 中未定义变量 @each $color、$value

如何减少弹性项目之间的差距

将 tailwincss 转换为普通 CSS?

网格区域即使使用 fr 也不会减小其宽度

混合模式粘性位置

:required 或 [required] CSS Select 器

如何将页脚保持在屏幕底部

Flexbox 代码适用于除 Safari 之外的所有浏览器.为什么?

CSS:在图像周围创建白光

如何使用 CSS 绘制复选标记/勾号?

让 div 占据 100% 身体高度,减go 固定高度的页眉和页脚

如何在浏览器的右下角放置一个div?

表格溢出时水平滚动

我应该使用最大设备宽度还是最大宽度?

:before 和 ::before 有什么区别?