Firefox中奇怪的CSS链接问题 [英] Weird CSS Link problem in Firefox
问题描述
所以我的样式表有许多不同类型的LINK样式。而且他们都在IE上工作得很好，甚至同一页面上的风格也不同。
但是在Firefox中，我网站上的所有链接都遵循第一个链接
课程在任何页面上。
有什么想法吗？
作为一个想法，在我的样式表中我改变了我猜的是
" Default"链接样式（如下所示）。这样做我错了吗？
答：链接
{
text-decoration：none;
颜色：蓝色;
font-variant：小型大写字母;
字体大小：100％;
text-decoration：下划线;
}
文章< 12 ***** **********@nntp.acecape.com> ;,
Daniel Kaplan < No **** @ NoSpam.comwrote：
所以我的样式表有许多不同类型的LINK样式。而且他们都在IE上工作得很好，甚至同一页面上的风格也不同。
但是在Firefox中，我网站上的所有链接都遵循第一个链接
在任何页面上课。
有什么想法吗？
您认为URL不相关吗？
-
dorayme
" dorayme" < do ************ @ optusnet.com.auwrote in message
news：do **************** ****************** @ news-vip.optusnet.com.au ...
in article< ; 12 *************** @ nntp.acecape.com>，
" Daniel Kaplan" < No **** @ NoSpam.comwrote：
您认为URL不相关吗？
如果有帮助，这个怎么样？以下是链接上的样式表信息。保持
第一部分
（嵌在/////////////////////////之间////////）和我所有的
不同的链接在IE中工作，但不在Firefox中工作。
删除嵌套部分，它在两个浏览器中都有效。
在我的代码中，我将它们用作< a class =" HT" ...当我想要一个
定制的那个。
也许我不应该搞乱默认值？或者我可能错误地使用了
样式表？
//////////////////// /////////////
A：链接
{
颜色：#CC0000;
字体大小：100％;
text-decoration：下划线;
font-variant：normal;
font-weight ：粗体;
}
A：访问
{
颜色：#CC0000;
字体大小：100％;
text-decoration：下划线;
font-variant：normal;
font-weight：bold;
}
A：悬停
{
颜色：＃ CC0000;
字体大小：100％;
文字装饰：下划线;
font-variant：normal;
font-weight：bold;
}
A：活跃
{
颜色：#CC0000;
字体大小：100％;
文字装饰：下划线;
font-variant：normal;
font-weight：bold;
}
///////////////////// ////////////
A.HT：link
{
颜色：#CC0000;
字体大小：100％;
text-decoration：下划线;
font-variant：normal;
font-weight：bold;
}
A.HT：访问
{
颜色：#CC0000;
字体大小：100％;
text-decoration：下划线;
font-variant：normal;
font-weight：bold;
}
A.HT：hover
{
颜色：#CC0000;
字体大小：100％;
text-decoration：下划线;
font-variant：normal;
font-weight：bold;
}
A.HT：active
{
颜色：#CC0000;
font-size：100％;
text-decoration：下划线;
font-variant：normal;
font-weight：bold ;
}
A.GHT：链接
{
颜色： ＃009900;
字体大小：100％;
文字装饰：下划线;
font-va riant：正常;
}
A.GHT：访问
{
颜色：＃ 009900;
字体大小：100％;
文字装饰：下划线;
font-variant：normal;
}
A.GHT：悬停
{
颜色：＃009900;
font-size：100％;
text-decoration：下划线;
font-variant：normal;
}
A.GHT：活跃
{
颜色：＃009900;
字体大小：100％;
text-decoration：下划线;
font-variant：normal;
}
A.XHT：link
{
颜色：＃008800;
字体大小：110％;
text-decoration：underline;
font-variant：normal;
}
A.XHT：已访问
{
颜色：＃008800;
字体大小：110％;
text-decoration：下划线;
字体-variant：normal;
}
A.XHT：悬停
{
颜色：＃008800;
字体大小：110％;
文字装饰：下划线;
font-variant：normal;
}
A.XHT：活跃
{
颜色：＃008800;
字体大小：110％;
文字装饰：下划线;
font-variant：normal;
}
文章< 12 *************** @ nntp.acecape.com>，
Daniel Kaplan < No **** @ NoSpam.comwrote：
" dorayme" < do ************ @ optusnet.com.auwrote in message
news：do **************** ****************** @ news-vip.optusnet.com.au ...
in article< ; 12 *************** @ nntp.acecape.com>，
" Daniel Kaplan" < No **** @ NoSpam.comwrote：
您认为URL不相关吗？
如果有帮助的话怎么样？以下是链接上的样式表信息。
和HTML？和doctype和...
URL怎么样？
-
dorayme
So my style sheet has many different types of LINK styles. And they all
work fine on IE, even different styles on the same page.
But in Firefox, all link throughout my site all follow JUST the first link
class on any page.
Any thoughts?
As a side thought, in my style sheet I changed what I guess was the
"Default" link style (as seen below). Was I wrong in doing that?
A:link
{
text-decoration: none;
color: blue;
font-variant: small-caps;
font-size: 100%;
text-decoration: underline;
}
In article <12***************@nntp.acecape.com>,
"Daniel Kaplan" <No****@NoSpam.comwrote:
So my style sheet has many different types of LINK styles. And they all
work fine on IE, even different styles on the same page.
But in Firefox, all link throughout my site all follow JUST the first link
class on any page.
Any thoughts?And you don''t think a URL is relevant?
--
dorayme
"dorayme" <do************@optusnet.com.auwrote in message
news:do**********************************@news-vip.optusnet.com.au...In article <12***************@nntp.acecape.com>,
"Daniel Kaplan" <No****@NoSpam.comwrote:
And you don''t think a URL is relevant?
How about this, if it helps. Below is my style sheet info on links. Keep
the first section
(nested in between the /////////////////////////////////) and all my
different links work in IE, but not in Firefox.
Remove the nested section and it all works in both browsers.
And in my code I use them as <a class="HT" ... when I want one of the
custom ones.
Perhaps I shouldn''t be messing with the default? Or maybe I am using the
style sheet incorrectly?
/////////////////////////////////
A:link
{
color: #CC0000;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
font-weight: bold;
}
A:visited
{
color: #CC0000;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
font-weight: bold;
}
A:hover
{
color: #CC0000;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
font-weight: bold;
}
A:active
{
color: #CC0000;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
font-weight: bold;
}
/////////////////////////////////
A.HT:link
{
color: #CC0000;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
font-weight: bold;
}
A.HT:visited
{
color: #CC0000;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
font-weight: bold;
}
A.HT:hover
{
color: #CC0000;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
font-weight: bold;
}
A.HT:active
{
color: #CC0000;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
font-weight: bold;
}
A.GHT:link
{
color: #009900;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
}
A.GHT:visited
{
color: #009900;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
}
A.GHT:hover
{
color: #009900;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
}
A.GHT:active
{
color: #009900;
font-size: 100%;
text-decoration: underline;
font-variant: normal ;
}
A.XHT:link
{
color: #008800;
font-size: 110%;
text-decoration: underline;
font-variant: normal ;
}
A.XHT:visited
{
color: #008800;
font-size: 110%;
text-decoration: underline;
font-variant: normal ;
}
A.XHT:hover
{
color: #008800;
font-size: 110%;
text-decoration: underline;
font-variant: normal ;
}
A.XHT:active
{
color: #008800;
font-size: 110%;
text-decoration: underline;
font-variant: normal ;
}
In article <12***************@nntp.acecape.com>,
"Daniel Kaplan" <No****@NoSpam.comwrote:
"dorayme" <do************@optusnet.com.auwrote in message
news:do**********************************@news-vip.optusnet.com.au...In article <12***************@nntp.acecape.com>,
"Daniel Kaplan" <No****@NoSpam.comwrote:
And you don''t think a URL is relevant?
How about this, if it helps. Below is my style sheet info on links.And the HTML? And the doctype and ...
How about a URL?
--
dorayme
这篇关于Firefox中奇怪的CSS链接问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
