html点击保持,如何保持：点击元素后的活动CSS样式

我使用anchor作为我的网站导航。

about

works

CSS

#nav {

margin-left: 50px;

margin-top: 50px;

text-transform: uppercase;

}

.navitem {

background: #333;

color: white;

width: 230px;

height: 50px;

font-size: 25px;

line-height: 50px;

padding-left: 20px;

-webkit-user-select: none;

-moz-user-select: none;

user-select: none;

margin-top: 10px;

}

.about:hover {

background: #cc00ff;

}

.about:active {

background: #ff00ff;

color: #000;

width: 250px;

}

.works:hover {

background: #0066FF;

}

.works:active {

background: #0099cc;

color: #000;

width: 250px;

}

我想知道如何保持div元素样式保持在：活动状态一次点击后，直到我打另一个导航栏项目，那么怎么办？

html点击保持,如何保持：点击元素后的活动CSS样式相关推荐

动态创建表格给同一个标签创建点击事件并让点击事件操作内容不一样
动态创建表格给同一个标签创建点击事件,每个点击事件操作的元素不一样. 现在有这样的需求,点击"查看详细"显示或隐藏标签.要实现这样的效果就要给点击标签添加两个属性,一个属性是nam ...
vue动态点击切换css样式且子元素动态显示和隐藏
vue动态点击切换css样式并子元素动态显示和隐藏 <template><div v-for="i in 5" class="el-personal&q ...
vue点击切换css样式
vue动态点击切换css样式 <template><div v-for="i in 5" class="el-personal" :class ...
点击编辑框全选内容java_Android 中使用EditText 点击全选再次点击取消全选功能
最近在开发浏览器碰到这么一个需求:点击地址栏的时候,需要全选并调出键盘,再次点击就取消全选显示光标.点击屏幕除地址栏其他位置时,键盘隐藏,隐藏光标. 大部分浏览器都是这样的逻辑,这样可以提高用户体验, ...
html中searchbutton点击没有反应,点击按钮加载完整的HTML后，使用Selenium加载其他元素...
我想刮一页并收集所有链接.该页面显示30个条目并查看完整列表,点击全部加载按钮是必要的.点击按钮加载完整的HTML后,使用Selenium加载其他元素我使用下面的代码: from selenium ...
方维模板修改，发布分享、主题有商品时，标签需自动写到input里，不要再手动去点击添加，手动点击可取消...
方维模板修改,发布分享.主题有商品时,标签需自动写到input里,不要再手动去点击添加,手动点击可取消方维购物分享系统模板修改,发布分享.主题有商品时,标签需自动写到input里,不要再手动去点击添 ...
【Qt串口调试助手】1.3 - 重写ComboBox下拉框的鼠标点击事件，实现点击下拉框扫描可用串口
由于ComboBox没有鼠标点击信号,所以如果想实现点击下拉框响应,需要重写ComboBox下拉框的鼠标点击事件.在点击事件中,添加扫描可用串口代码,实现点击下拉框时重新扫描串口.并且下拉框内容输出端 ...
html 增加和删除一行,关于JS点击增加一行，点击删除一行的问题？
关于JS点击增加一行,点击删除一行的问题? 下面代码可以增加一行,和删除表格指定行. 删除后继续增加却不行了. 请问是怎么回事?应如何修改一下让他可以继续增加呢? var i=1; function ...
div添加一个点击事件（绑定点击事件）
1.HTML onclick 事件属性 <input type="button" value="点我点我" onclick="ds()" ...

html点击保持,如何保持：点击元素后的活动CSS样式

html点击保持,如何保持：点击元素后的活动CSS样式相关推荐

最新文章

热门文章