"#LockerButton:hover{background-color:rgba(195,195,195,0.4)}"没有效果

如果你在 QSS 样式表中设置了 `:hover` 伪类，但是没有生效，可能有以下几个原因： 1. 没有正确设置样式表请确保你正确设置了样式表。在 Qt 中，可以通过使用 `setStyleSheet` 函数将样式表应用到控件上。例如： ```cpp LockerButton->setStyleSheet("#LockerButton:hover{background-color:rgba(195,195,195,0.4)}"); ``` 在上面的代码中，`LockerButton` 是一个指向 `QAbstractButton` 控件的指针，`setStyleSheet` 函数被用来设置 `:hover` 伪类的样式。 2. 控件没有悬停 `:hover` 伪类只有在控件处于悬停状态时才会生效。请确保你的控件支持悬停。对于 `QAbstractButton` 控件，例如 `QPushButton`，默认情况下支持悬停。 3. 样式表选择器不正确请确保你的样式表选择器与控件的对象名称相匹配。在上面的例子中，控件的对象名称应该为 `LockerButton`。如果你的控件对象名称不同，请使用正确的名称来设置样式表选择器。 4. 样式表属性不正确请确保你的样式表属性正确设置。在上面的例子中，`background-color` 属性被设置为 `rgba(195,195,195,0.4)`。请确保这个属性能够正确设置到你的控件上。

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>键盘打字</title> <style> /* 基本界面样式 / { /margin: 0;/ padding: 0; box-sizing: border-box; list-style: none; /outline: 1px dashed purple;/ } body{ display: flex; height: 100vh; justify-content: center;/* 水平居中/ align-items: center; background-color: #000;/ 随内容撑开且垂直居中 / } .keyboard{ outline-width: 3px; /background-color: red;/ } ul.row{ display: flex;/ 弹性布局 / / /height: 300px; / } ul.row li{ outline-width: 2px; width: 3em;/em是根据当前字体大小/ height: 3em; text-align: center; line-height: 3em; border-radius: .4em; color: rgba(0, 0, 0, 0.7); letter-spacing: 1px; margin: 0.4em; } /设置宽度/ #tab{ width: 5em; } #caps{ width: 6em; } #leftShift{ width: 8em; } #enter{ width: 6em; } #rightShift{ width: 8em; } #back{ width: 5em; } /设置颜色/ .little{ background-color: crimson; /深红色的/ border: 2px solid crimson; } .little.selected{ background-color: transparent; color: crimson; } .ring{ background-color: coral; /珊瑚红/ border:2px solid coral; } .ring.selected{ background-color: transparent; color: coral; } .middle{ background-color:darkorange; /深橙色/ border: 2px solid darkorange; } .middle.selected{ background-color: transparent; color: darkorange; } .forefinger1st{ background-color: gold; border: 2px solid gold; } .forefinger1st.selected{ background-color: transparent; color: gold; } .forefinger2nd{ background-color: khaki;

好的，您的代码大概是一个键盘打字的 HTML 页面，并且您想要了解如何选中某些 css 样式。如果您想选中某些 css 样式，您可以使用以下方式： 1. 通过元素标签名选中样式： ```css ul { /* 选中所有 <ul> 元素 */ } ``` 2. 通过 class 名称选中样式： ```css .keyboard { /* 选中 class 名称为 keyboard 的元素 */ } ``` 3. 通过 id 名称选中样式： ```css #caps { /* 选中 id 名称为 caps 的元素 */ } ``` 4. 通过属性选择器选中样式： ```css li[type="button"] { /* 选中所有 type 属性值为 button 的 <li> 元素 */ } ``` 5. 通过伪类选择器选中样式： ```css li:hover { /* 当鼠标悬停在 <li> 元素上时选中 */ } ``` 以上是一些常见的选中 css 样式的方式，您可以根据您的具体需求来选择不同的方式。希望可以帮到您！

请帮助我把每一行代码写上注释：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>导航栏</title> <style> *{ margin: 0; padding: 0; box-sizing:border-box; font-family:"Poppins",sans-serif; } .cantainer{ width:100%; height:100vh; background-color: #e092a1; background-size: 100% 100%; display:flex; align-items: center; justify-content: center; } nav{ background: #fff; border-radius: 50px; padding: 10px; box-shadow: 0 25px 20ox -20px rgba(0 , 0, 0, 0.4); } nav ul li{ list-style: none; display: inline-block; padding: 13px 35px; margin: 10px; font-size: 18px; font-weight: 500; color: #777; cursor: pointer; position: relative; z-index: 2; transform: color 0.5s; } nav ul li::after{ content:''; background:#f44566; width: 100%; height: 100%; border-radius: 30px; position: absolute; top: 100%; left: 50%; transform: translate(-50% ,-50%); z-index: -1; opacity: 0; transition:top 0.5s,opacity 0.5s; } nav ul li:hover{ color: #fff; } nav ul li:hover:after{ top:50%; opacity: 1; } a{ text-decoration: none; color: #706363; text-decoration: none; } .enen{ width: 10%; height: 10%; } </style> </head> <body> <div class="cantainer"> <nav> <ul> <li ><a href="">1</a></li> <li ><a href="">2</a></li> <li ><a href="">3</a></li> <li ><a href="">4</a></li> <li ><a href="">5</a></li> <li ><a href="" >6</a></li> </ul> </nav> </div> </body> </html>

```  <!DOCTYPE html>  <html lang="en">  <head>  <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>导航栏</title>  <style>  *{  margin: 0; padding: 0; box-sizing:border-box; font-family:"Poppins",sans-serif; } .cantainer{  width:100%; height:100vh; background-color: #e092a1; background-size: 100% 100%; display:flex; align-items: center; justify-content: center; } nav{  background: #fff; border-radius: 50px; padding: 10px; box-shadow: 0 25px 20ox -20px rgba(0 , 0, 0, 0.4); } nav ul li{  list-style: none; display: inline-block; padding: 13px 35px; margin: 10px; font-size: 18px; font-weight: 500; color: #777; cursor: pointer; position: relative; z-index: 2; transform: color 0.5s; } nav ul li::after{  content:''; background:#f44566; width: 100%; height: 100%; border-radius: 30px; position: absolute; top: 100%; left: 50%; transform: translate(-50% ,-50%); z-index: -1; opacity: 0; transition:top 0.5s,opacity 0.5s; } nav ul li:hover{  color: #fff; } nav ul li:hover:after{  top:50%; opacity: 1; } a{  text-decoration: none; color: #706363; text-decoration: none; } .enen{  width: 10%; height: 10%; } </style>  </head>  <body>  <div class="cantainer">  <nav>  <ul>  <li ><a href="">1</a></li>  <li ><a href="">2</a></li>  <li ><a href="">3</a></li>  <li ><a href="">4</a></li>  <li ><a href="">5</a></li>  <li ><a href="" >6</a></li>  </ul>  </nav>  </div>  </body>  </html>  ```

"#LockerButton:hover{background-color:rgba(195,195,195,0.4)}"没有效果

相关推荐

color-rgba:从颜色字符串中获取 rgba 数组

浅析CSS3中鲜为人知的属性：-webkit-tap-highlight-color

tc-lib-color:PHP库可操纵各种颜色表示

javafx中美观美化界面炫技的css代码

JS生成一个带动画效果的按钮

el-option 外观修改

将 el-table 中的滚动条置与fixed 的上层或者最上层 给出代码示例

怎么滚动条颜色变成透明色

编写代码，实现5张图片轮播的效果

制作一个产品展示页面，要求使用过渡，渐变，透明，定位等来完成

html搜索栏美化代码

用JavaScript设计一个优美的轮播图效果

帮我写一个我的世界服务器官网代码模板，要有科技感，华丽自然，有首页，服务器介绍，游戏截图，官方QQ群，有图片切换模板，背景图片，QQ群超链接和背景音乐模块。

写一个拟态样式的css代码

最新推荐

电容式触摸按键设计参考

管理建模和仿真的文件

MATLAB函数调用中的调试技巧大揭秘，快速定位并解决函数调用问题

LDMIA r0！，{r4 - r11}

西门子MES-系统规划建议书（共83页）.docx

"互动学习：行动中的多样性与论文攻读经历"

掌握MATLAB函数调用性能优化秘籍，提升函数调用效率

MMCV Normalize 调用方法

6、毕设参考资料 for.pdf

关系数据表示学习

将 el-table 中的滚动条置与fixed 的上层或者最上层给出代码示例