hover 相关问题

悬停是指将鼠标光标放在给定元素上的操作。悬停还可以指启用触摸的设备上的用户触摸给定元素的事件。

悬停：秤不适用于顺风轨？有什么建议吗？

这是我的代码，我想将 hide:Scale 实用程序从 tailwindCSS 应用到我的链接框，但它不起作用。知道我在这里制造了什么冲突吗？ <% content_for :javascript_includes...

ruby-on-rails hover tailwind-css anchor scale

回答 1 投票 0

Bokeh HoverTool 未以正确的格式显示时间戳

每当我绘制任何具有“hh:mm:ss”格式时间的图表并使用悬停工具在图中任意点查看相同格式的时间戳时，我都会看到一个带有

python-3.x hover bokeh

回答 1 投票 0

将任何类的悬停扩展到 SASS 或 SCSS 中的任何其他类的悬停

有没有办法将 &:hover 任何类的悬停扩展到任何其他类的悬停？我的代码是这样的，它停止了两个类的悬停：超文本标记语言有没有办法将任何类的&:hover扩展到任何其他类的悬停？我的代码是这样的，它停止了两个类的悬停： HTML <a href="#" class="button1">Button 1</a> <a href="#" class="button2">Button 2</a> SCSS .button1 { background: black; padding: 5px 10px; text-decoration: none; color: white; &:hover { background: red; } } .button2 { background: blue; padding: 5px 10px; text-decoration: none; color: white; &:hover { @extend .button1:hover } } 您可以使用占位符。 %hover { background: red; } .button1 { background: black; padding: 5px 10px; text-decoration: none; color: white; &:hover { @extend %hover; } } .button2 { background: blue; padding: 5px 10px; text-decoration: none; color: white; &:hover { @extend %hover; } } 或者，也许更好的解决方案是为按钮使用更通用的类： .btn { padding: 5px 10px; text-decoration: none; color: white; &:hover { background: red; } } .btn--1 { background: black; } .btn--2 { background: blue; } 您可以使用mixin @mixin hoverStyle { &:hover{ background: red; } } .button1 { background: blue; padding: 5px 10px; text-decoration: none; color: white; @include hoverStyle; } .button2 { background: blue; padding: 5px 10px; text-decoration: none; color: white; @include hoverStyle; } 尝试这个解决方案。这对我有用 http://jsbin.com/lezuwalida/edit?html,css,输出生成的CSS看起来是一样的 .demon:hover, .demon.demo { outline: 3px solid red; } .demon2:hover, .demon2.demo2 { outline: 3px solid red; } 对我来说，它可以使用这种较新的 sass 语法。 .link:hover { .button { @extend .other-button, :hover; } } 处理所有这些事情的一个好方法是使用变量，例如，如果您定义这样的内容： $buttons-hover-color: #somecolor; 然后您可以在任何按钮中调用它，如果将来您想更改它，只需更改变量即可，所有按钮都会更新。另一件重要的事情是扩展在媒体查询中不起作用，所以也许将来当你瞄准移动设备时你不希望在移动设备中出现红色，所以你只需要为其创建另一个变量。类似这样的： $btn-hover-color: red; $btn-hover-mobile: black; .button1 { background: black; padding: 5px 10px; text-decoration: none; color: white; &:hover { background-color: $btn-hover-color; } } .button2 { background: blue; padding: 5px 10px; text-decoration: none; color: white; &:hover { background-color: $btn-hover-color; } @media (max-width: 800px) { &:hover { background-color: $btn-hover-mobile; } } } 希望这对您有帮助

html css sass hover

回答 5 投票 0

使用 Tailwind CSS 放大图像并在悬停时淡入淡出颜色叠加

我有一个带有颜色叠加的图像，我想放大图像，同时在悬停时淡出颜色叠加。我正在使用 Svelte、Tailwind CSS 和 TypeScript。褪色...

typescript hover tailwind-css svelte

回答 1 投票 0

如何更改悬停时按钮的颜色？

我需要更改悬停时按钮的颜色。这是我的解决方案，但它不起作用。一个按钮 { 显示：-moz-inline-stack；显示：内联块；宽度：391px；高度：62 像素；

css button hover

回答 3 投票 0

将鼠标悬停在图像上并使用javascript在另一张图像上获得缩放效果？

代码细分：此代码有一个主图像（顶部的大图片），然后是比主图像更小的预览图片。（忽略底部的大图，因为它用于帮助视觉

javascript hover zooming

回答 1 投票 0

Puppeteer 悬停不触发弹出窗口

我正在尝试使用 puppeteer 将鼠标悬停在 Twitter 个人资料名称上，以便显示包含个人资料信息的弹出窗口。这是我的代码： const puppeteer = require('puppeteer'); 常量选择器 = '#react-ro...

javascript hover puppeteer

回答 1 投票 0

将子项悬停在父项内，也会影响其他父项内的其他子项（兄弟父项）

我对悬停兄弟姐妹其他孩子有疑问，这是我的代码： &... 我对悬停兄弟姐妹的其他孩子有疑问，这是我的代码： <div class="parent"> <div class="child"> </div> <div class="parent"> <div class="child"> </div> <div class="parent"> <div class="child"> </div> 我尝试了这种风格的代码，正在工作，但我发现了一些问题 .parent:has(.child:hover) ~ .parent .child { background-color: red; } 问题是，当第一个孩子悬停时，所有其他孩子（第二个和第三个）也悬停，但是当我悬停第二个孩子时，只有第三个孩子悬停，第一个孩子不受影响......可以请您帮我解决问题，谢谢。 :has选择器现在适用于大多数浏览器（CanIUse）。 .parent { border: 3px solid black; margin: 10px; padding: 10px; } .child { padding: 10px; border: 3px solid blue; } .child:hover, .parent:has(.child:hover)~.parent .child { background-color: orange; } <div class="parent"> <div class="child">child 1</div> </div> <div class="parent"> <div class="child">child 1</div> </div> <div class="parent"> <div class="child">child 1</div> </div>

css hover parent siblings

回答 1 投票 0

不起作用 - 将鼠标悬停在变量上即可查看 Eclipse 中调试视角中的值

我使用的是经典的 Eclipse 3.6.1。我有一个 Java 项目，由于堆栈溢出而引发异常。与其他编辑器不同，当我将鼠标指针悬停在变量上时，它不会显示...

eclipse debugging variables hover

回答 3 投票 0

尽管 CSS 实现正确，但悬停效果在 .login-2-submenu 上不起作用

我在 HTML 和 CSS 设置中将悬停效果应用于 .login-2-submenu 类时遇到问题。尽管在我的CSS文件中定义了悬停效果，但效果似乎没有发生......

html css hover

回答 1 投票 0

从 SVG 三角形剪辑平滑过渡到圆形

我正在使用 SVG 将图像剪切到三角形。我的目标是让路径扩展并在悬停时变成一个圆圈（平滑过渡）。我发现的最接近的是这个 codepen 作为响应...