创建css按钮的当前状态

创建css按钮的当前状态,css,button,Css,Button,伙计们,我正在尝试在css按钮上创建当前视图状态,但失败了……精灵有两种状态,一种是关闭状态,另一种是结束状态……我想让结束状态也成为正在查看的页面上的当前状态……以下是按钮的css以及html: css: html: 我假设我只是创建一个当前状态(.inbox:current),然后调整定位以匹配over状态,与hover不同,但没有负值,但它不起作用 提前谢谢各位,我不知道你们在问什么,但你们可以随时扩展规则集: .inbox:hover, .current { backgrou

伙计们,我正在尝试在css按钮上创建当前视图状态,但失败了……精灵有两种状态,一种是关闭状态,另一种是结束状态……我想让结束状态也成为正在查看的页面上的当前状态……以下是按钮的css以及html:

css:

html:


我假设我只是创建一个当前状态(.inbox:current),然后调整定位以匹配over状态,与hover不同,但没有负值,但它不起作用


提前谢谢各位,我不知道你们在问什么,但你们可以随时扩展规则集:

.inbox:hover, .current {
    background-position: -88px 0;
}

然后,如果
.inbox
处于悬停状态或具有
.current
类,它将以悬停状态出现。您也可以使用
:focus
:active
我不确定您在问什么,但您始终可以扩展规则集:

.inbox:hover, .current {
    background-position: -88px 0;
}

然后,如果
.inbox
处于悬停状态或具有
.current
类,它将以悬停状态出现。您还可以使用
:focus
:active

您很接近了。你会有一节课<代码>:hover是一个伪类。你不能真的“强迫”它盘旋。但是,您可以添加一个类,例如:

.inbox:hover
, .inbox.current
{
        background-position: -88px 0;
}


相同的结果,但对较旧浏览器的更多支持

很接近了。你会有一节课<代码>:hover是一个伪类。你不能真的“强迫”它盘旋。但是,您可以添加一个类,例如:

.inbox:hover
, .inbox.current
{
        background-position: -88px 0;
}


相同的结果,但更支持旧浏览器

CSS中没有真正的当前状态,您必须使用javascript(jquery)手动设置它,或者在加载页面时设置它。例如,将“类收件箱”和“类当前”作为两个独立的类,并

.current { background-position: -88px 0 !important; }

并检测收件箱中的点击,从所有其他按钮中删除当前按钮,然后将其添加到收件箱。

CSS中没有真正的当前状态,您必须使用javascript(jquery)手动设置它,或者在加载页面时设置它。例如,将“类收件箱”和“类当前”作为两个独立的类,并

.current { background-position: -88px 0 !important; }

检测“收件箱”上的点击,从所有其他按钮中删除“当前”,并将其添加到“收件箱”中。

你说的“当前视图状态”是什么意思?你说的“当前视图状态”是什么意思
.inbox:hover
, .inbox-current
{
        background-position: -88px 0;
}
.current { background-position: -88px 0 !important; }