为什么 css 伪类active 在360和火狐中没啥效果啊!就是当你点下去的时候有效果,可是松开就没了 移动端css的active伪类在uc浏览器中,为什么没有用?...

css\u91cc\u7684float\uff1aright\uff1b\u5728\u706b\u72d0\u6d4f\u89c8\u5668\u4e2d\u600e\u4e48\u8fbe\u4e0d\u5230\u9884\u671f\u6548\u679c\uff1f\u5728360\u4e2d\u53ef\u4ee5\u3002\u8981\u600e\u4e48\u6539\uff1f

2\u4e2a\u6d4f\u89c8\u5668\u89e3\u6790\u7684\u65b9\u5f0f\u4e0d\u4e00\u6837\uff0c360\u6700\u65b0\u7684\u6d4f\u89c8\u5668\u662f\u8ddf\u8c37\u6b4c\u7684\u89e3\u6790\u65b9\u5f0f\u57fa\u672c\u4e00\u81f4\uff0c\u4f60\u7528\u8c37\u6b4c\u770b\u4e5f\u4e0d\u4f1a\u6709\u95ee\u9898\u3002
\u6211\u4e0d\u77e5\u9053\u4f60\u7684\u4ee3\u7801\u600e\u4e48\u6837\uff0c\u4e0d\u597d\u4e0b\u7ed3\u8bba\uff0c\u5c31\u50cf\u697c\u4e0b\u6240\u8bf4\u7684\uff0c\u53ef\u80fd\u662f\u522b\u7684\u6837\u5f0f\u5f71\u54cd\u5bfc\u81f4\u7684\u9519\u8bef\u663e\u793a\u3002
\u4f60\u53ef\u4ee5\u8fd9\u4e48\u8bd5\u4e0b\uff0c\u6211\u5047\u60f3\u4f60\u7684\u4ee3\u7801\u662f\u8fd9\u4e2a\u6837\u5b50\u7684\u3002

.date{float:right}


\u65b0\u95fb\u4e00\uff1a\u542c\u8bf4\u8fd9\u6cb3\u91cc\u51fa\u73b0\u4e86\u4e00\u6761\u602a\u9c7c2013-5-13

\u8fd9\u4e2a\u4f8b\u5b50\u5982\u679c\u4e0a\u9762\u8fd9\u4e48\u5199\uff0c\u5728ie\u4e2d\u4f1a\u4e0d\u6b63\u5e38\u663e\u793a\uff0c\u5728\u4e00\u4e9b\u6d4f\u89c8\u5668\u4e2d\u80fd\u6b63\u5e38\u663e\u793a\uff0c\u6240\u4ee5\u9488\u5bf9\u4f60\u7684\u53f3\u6d6e\u52a8\u4e0d\u6b63\u5e38\u663e\u793a\uff0c\u6211\u7ed9\u4e2a\u5efa\u8bae\u3002\u5c06\u4e0a\u9762\u7684\u4ee3\u7801\u4e2d\u7684\u6807\u7b7e\u632a\u5230\u5f00\u5934\uff0c\u53d8\u6210
2013-5-13\u65b0\u95fb\u4e00\uff1a\u542c\u8bf4\u8fd9\u6cb3\u91cc\u51fa\u73b0\u4e86\u4e00\u6761\u602a\u9c7c
\u8fd9\u6837\u53f3\u6d6e\u52a8\uff0c\u5728\u6240\u6709\u6d4f\u89c8\u5668\u4e2d\u90fd\u80fd\u663e\u793a\u6b63\u5e38\u4e86\u3002
\u7ed3\u8bba\uff0c\u5f53\u4f60\u7684\u53f3\u6d6e\u52a8\u51fa\u73b0\u95ee\u9898\u4e86\uff0c\u4f60\u53ef\u4ee5\u5c1d\u8bd5\u628a\u4f60\u8981\u53f3\u6d6e\u52a8\u7684\u5143\u7d20\u8ddf\u5176\u4ed6\u5143\u7d20\u6362\u4e2a\u4f4d\u7f6e\u3002

:active \u9009\u62e9\u5668\u652f\u6301\u6240\u6709\u4e3b\u6d41\u6d4f\u89c8\u5668\uff01
:active \u9009\u62e9\u5668\u7528\u4e8e\u9009\u62e9\u6d3b\u52a8\u94fe\u63a5\uff0c\u8bf4\u767d\u4e86\u5c31\u662f\u9f20\u6807\u70b9\u51fb\u8d85\u94fe\u63a5\u65f6\u5019\u5c31\u6fc0\u6d3b\u8fd9\u4e2a\u5c5e\u6027\u3002
a:active
{
background-color:yellow;
}
\u4e0a\u9762\u8fd9\u4e2a\u4ee3\u7801\uff0c\u5f53\u9f20\u6807\u70b9\u51fba\u6807\u7b7e\u8d85\u94fe\u63a5\u65f6\u989c\u8272\u4f1a\u53d8\u4e3ayellow\u3002
\u76f8\u5173\u7684\u5c5e\u6027\uff1a
a:link {color:blue;} \u672a\u8bbf\u95ee \uff08\u9ed8\u8ba4\u989c\u8272 \u4e5f\u53ef\u4ee5\u76f4\u63a5\u5199\u4e3a a{color:blue;}\uff09
a:visited {color:blue;} \u5df2\u8bbf\u95ee\uff08\u70b9\u51fb\u8fc7\u540e\u7684\u989c\u8272\uff09
a:hover {color:red;} \u60ac\u6d6e \uff08\u9f20\u6807\u653e\u5728\u94fe\u63a5\u4e0a\u7684\u989c\u8272\uff09
a:active {color:yellow;} \u6d3b\u52a8\u94fe\u63a5\uff08\u9f20\u6807\u70b9\u4e0b\u53bb\u65f6\u5019\u7684\u989c\u8272\uff09
\u5982\u679c\u4f60\u6d4b\u8bd5\u8fd8\u6709\u95ee\u9898\uff0c\u53ef\u4ee5\u7528\u8c37\u6b4c\u6d4f\u89c8\u5668\u7684\u201c\u68c0\u67e5\u201d\u8c03\u8bd5\uff0c\u5176\u5b83\u6d4f\u89c8\u5668\u662f\u5ba1\u67e5\u5143\u7d20\u3002

它是通过4个不同的方式显示出来,可以根据需要分别进行设置:
a:link {color: #f00} /* 未访问的链接 */
a:visited {color: #0f0} /* 已访问的链接 */
a:hover {color: #00f} /* 当有鼠标悬停在链接上 */
a:active {color: #f0f} /* 被选择的链接 */

这样说,应该更好理解一些。 因此,楼主想要的松开后的效果,就是visited状态,可以在这里进行设置。

:active设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。
如果LZ想设置松开后的效果应该设置:visited才对。

  您好!很高兴为您答疑!

  松开后的效果就是visited状态,根据需要分别进行设置:
a:link {color: #f00} /* 未访问的链接 */
a:visited {color: #0f0} /* 已访问的链接 */
a:hover {color: #00f} /* 当有鼠标悬停在链接上 */
a:active {color: #f0f} /* 被选择的链接 */
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

我来补充,不是css代码没写对,就是他们的的360的问题。ie中没问题,谷歌浏览器里没问题,静态页面在360浏览器里也没问题,但是他妈的变态的是把诸如a:active{
}代码放入asp.net页面里,他妈的360浏览器完全没反应。ps(其他浏览器反应良好);

你如果想要划过的效果,得用hover属性。active是激活后才显示的。

扩展阅读:边边边为什么叫s s s ... css伪类选择器优先级 ... 视力的sca标准范围 ... css伪类hover ... css样式的伪类 ... css中的伪类选择器 ... css动画效果代码 ... css链接伪类 ... css伪类after ...

本站交流只代表网友个人观点,与本站立场无关
欢迎反馈与建议,请联系电邮
2024© 车视网