
我用joomla设计的网站,菜单里的链接还有效,可是文章标题部分以及子菜单的链接全部失效了,请问怎么办?
这个关于a标签的cssa:link,a:visited{text-decoration:none;font-weight:normal;}a:hover{text-dec...
这个关于a标签的css
a:link, a:visited {
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: underline;
font-weight: normal;
}
只有这些
输出的html代码都是通过joomla模块生成的
如果是其他地方影响了a标签的链接效果,能不能帮我写一段a变迁的修正?加上!important来覆盖原先的 展开
a:link, a:visited {
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: underline;
font-weight: normal;
}
只有这些
输出的html代码都是通过joomla模块生成的
如果是其他地方影响了a标签的链接效果,能不能帮我写一段a变迁的修正?加上!important来覆盖原先的 展开
2个回答
展开全部
"文章标题部分以及子菜单的链接全部失效了" 意思什么?你给出来关于A的样式是你想这些文章标题等实现的效果吗?
我们看不到你的前端代码,你可以说清楚你想要的效果是什么吗?这样可以更好的帮助你。或者你尝试以下方法:
你是想其他文章标题等链接样式采用你上述A的全局样式?你的现实的情况却失效,那么你可以把全局样式单独出来写在模板上测试一下,有可能是你的全局样式被重叠了。
我们看不到你的前端代码,你可以说清楚你想要的效果是什么吗?这样可以更好的帮助你。或者你尝试以下方法:
你是想其他文章标题等链接样式采用你上述A的全局样式?你的现实的情况却失效,那么你可以把全局样式单独出来写在模板上测试一下,有可能是你的全局样式被重叠了。
追问
By Business 这是一层标题的链接,下面css
a:link, a:visited {
color: #135CAE;
}
a:link, a:visited {
text-decoration: none;
font-weight: normal;
}
a:-webkit-any-link {
color: -webkit-link;被画横线无效果
text-decoration: underline;同上
cursor: auto;
}
能看出什么来么
追答
大概看出来了,其实你写的CSS有些矛盾,又想要链接文字没下划线(a:link{text-decoration:none;}),但又想链接文字有下划线(a:-webkit-any-link {text-decoration: underline;},这写法只针对Google和Opera浏览器,否则你看到的效果肯定是之前那个没下划线的)
对于a的简单用法:
a{text-decoration: underline;} 点击前,链接文字有下划线。
a:hover{text-decoration: none;} 当鼠标滑过,链接文字无下划线。
a:visited{text-decoration: none;} 点击后,链接文字无下划线。
不知道我对你的思路理解正不正确,希望能有所帮助。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询