Html div.menu ul li a:访问是否继承div.menu ul li a?
我正在写一些CSS EDSL,我不能理解这里的关系Html div.menu ul li a:访问是否继承div.menu ul li a?,html,css,Html,Css,我正在写一些CSS EDSL,我不能理解这里的关系 div.menu ul li a, div.menu ul li a:visited { 它是默认Microsoft ASP.NET WebForms模板的一部分,我不确定这是否合理 因为如果这是理智的,那么我做的每件事都是错的 我现在能看到的是什么 div.menu ul li a { 将产生相同的效果,因为只有a必须影响所有其他选择器 我看不出作者为什么要在这里添加div.menu ul li a:visitored。这意味着,锚链和访
div.menu ul li a, div.menu ul li a:visited {
它是默认Microsoft ASP.NET WebForms模板的一部分,我不确定这是否合理
因为如果这是理智的,那么我做的每件事都是错的
我现在能看到的是什么
div.menu ul li a {
将产生相同的效果,因为只有a
必须影响所有其他选择器
我看不出作者为什么要在这里添加
div.menu ul li a:visitored
。这意味着,锚链和访问的锚点的属性都是相同的。通常来说:
此样式将应用于li
中的每个a
,以及ul
中的每个div
中带有类菜单的,并应用于每个:访问的a
这是在一个li
中,这是在一个ul
中,这是在一个div
中,有一个class菜单
换句话说:访问(或不访问)时锚定链接的属性将相同(对于.menu
)
另请查看以获取更多示例。要将同一属性集应用于多个属性,请使用逗号。因此:
div.menu ul li a, div.menu ul li a:visited {
color: #ccc;
}
将设置普通链接和已访问链接的颜色。默认情况下,浏览器有自己的颜色:
- 标准链接-
#0000FF
//蓝色
- 已访问链接-
\800080
//紫色
- 活动链接-
#FF0000
//红色
这是一个标准,但现在每个浏览器都有很大的不同。我知道如何读取它,但默认情况下不会继承所有x
设置?有四个实例(链接、悬停、活动和访问)希望您知道这一点,通过仅定义“a”,它仅将属性应用为:链接状态。在这种情况下,a
表示已弃用的a:link
,因此它不会影响a:visted
。是的,还有一件事,我想说的是,如果在:instance(除了:link)中只有一个属性,那么父属性(来自“a”)也将应用于:other实例。通过在“a”中拒绝,您可以将其用作父节点。@SudipPal,但请检查以下示例:just a overrides:visited here.我明白了,所以在编写CSS时需要注意浏览器默认值。我如何知道所有浏览器的默认设置?就像我想要一些“模板”,我可以覆盖它们@ℋeatђer:如果你想覆盖所有链接,你应该使用一些reset.css,这是最常用的,覆盖一些链接颜色,如你所愿,仅此而已,但在本例中->仅a本身覆盖:已访问,为什么@ℋeatђer因为蓝色只是浏览器的默认样式,所以您编写的任何CSS都会自动覆盖其默认样式。因此,通过执行a{color:green}
可以使所有类型的链接(:visted
等)变为绿色,除非您进一步用更具体的规则覆盖它们,如a:visted{color:orange;}
@ℋeatђer那么你是对的:)它们之间有区别,尽管很少有a
标签不是链接,因此,大多数人只是使用a
来充当a:link
,所以如果我写div.menu ul li a
,它会覆盖div.menu ul li a
的default:visted
链接吗?如果没有指定:visted
链接,其作用将与指定的a
相同。看看和之间的区别。那么,div.menu ul li a,div.menu ul li a:visited的意义是什么呢?为什么不仅仅是div.menu ul li a
?在这种情况下,没有真正的区别(除了可读性)。请务必记住第一部分(div.menu ul li a
)也将针对其他状态(:hover
&:active
)。我正是在询问这个案例。我甚至看不到可读性方面,因为这让我感到困惑,让我觉得div.menu ul li a:visitored
由于某种原因无法从a
继承。