我还是不太理解active 的意义

来源:7-23 列表组--列表项的状态设置

qq_沛公_0

2015-03-20 15:17

active表示一个按钮或则标签的什么状态?

写回答 关注

3回答

  • 打不倒的web前端工程师
    2016-11-17 17:21:18

    如果你想让某一列在页面还未点击前就已显示被选中的状态,那么直接在后门添加active即可,那么当你打开这个网页的时候,标记active的那一列默认就已经为选中的样式

  • duomio
    2015-09-18 02:41:40

    有N个列表、N个页码、N个链接……
    怎么快速的识别当前项?
    active:表示当前的状态
    当然你也可以自己写个你容易理解的名字来给当前项做个样式,类名,类里的内容都是可以修改的,只要能实现目的:区分出当前项

  • Perona
    2015-03-20 15:50:50

    :active 选择器用于选择活动链接。

    当您在一个链接上点击时,它就会成为活动的(激活的)。

    举个栗子:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>active 选择器</title>

    <style>

    a:active{background-color:yellow;}

    </style>

    </head>

    <body>

    <a href="http://www.imooc.com/">慕课网</a>

    <p><b>注释:</b>:active 选择器为活动的链接设置样式。</p>

    </body>

    </html>

    运行效果如下:

    http://img.mukewang.com/550bd0a70001921d04360129.jpg

    当鼠标点击那一瞬间,a标签就被激活了,背景颜色就成了黄色。

    你可以把代码复杂到本地,感受一下。

    tip:按住鼠标不放,会一直是活动状态,背景颜色会一直是黄色的哟~~

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题