|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
就在新标准备受瞩目之际,两大网络监督机构却起冲突。问:
我已利用CSS界说了超链接的款式,可是扫瞄时hover(鼠标悬停)却不起感化。为何会如许?是扫瞄器的成绩吗?
答:
固然你以为大概缘故原由是扫瞄器成绩,可是更多的多是你款式界说时按次毛病。为了包管能看到分歧形态下的毗连款式,准确的款式按次应当是:
"link-visited-hover-active"或"LVHA"(缩写)。
中心内容:
每一个选择符selector都有一个“specificity”假如两个selectors使用于统一个元素,具有较高specificity的选择符将胜出,具有优先权。比方:
P.hithere{color:green;}/*specificity=1,1*/
P{color:red;}/*specificity=1*/
任何设置了类class=hithere的段落内容显现为绿色而不是白色。两个selectors都设置了色彩,可是具有更高specificity的选择符将胜出。
伪类怎样影响specificity呢?它们具有完整不异的加权值,以下款式具有不异的specificity加权值:
A:link{color:blue;}/*specificity=1,1*/
A:active{color:red;}/*specificity=1,1*/
A:hover{color:magenta;}/*specificity=1,1*/
A:visited{color:purple;}/*specificity=1,1*/
这些都是用于超链接的款式设置。年夜部分情形下必要同时设置个中的几个款式,比方,一个未被会见的超链接在鼠标悬停和点击时可设置“鼠标悬停”和“鼠标激活“两种形态下的分歧款式,因为上述三个划定规矩都可使用于超链接,而且全体选择符具有不异的specificity,那末依据划定规矩,最初一个款式“胜出”。以是"active"式样永久也不会显现出来,由于它老是被"hover"式样掩盖(即"hover"优先)。如今再来剖析一下已被会见过的超链接鼠标悬停是甚么效果,了局永久是purple紫色的:(,由于它的"visited"式样老是优先于别的的形态款式划定规矩(包含"active"和"hover")而显现。
这就是为何CSS1保举款式按次的缘故原由:
A:link
A:visited
A:hover
A:active
实践上,开首两个款式的按次能够互换,由于一个超链接不成能同时存在“未会见”和“已会见”两种形态。(:link意义是"unvisited";我不晓得为何不如许界说呢.)
CSS2如今同意伪类能够以“团结成组”情势呈现,比方:
A:visited:hover{color:maroon;}/*specificity=2,1*/
A:link:hover{color:magenta;}/*specificity=2,1*/
A:hover:active{color:cyan;}/*specificity=2,1*/
Theyhavethesamespecificity,buttheyapplytofundamentallydifferentbeasts,andsodontconflict.Youcangethover-activecombinations,forexample.
怎样了解本文傍边所触及到的“specificity”呢?specificity能够了解未复杂地连在一同的号码字符串,下面的一个例子:
P.hithere{color:green;}/*specificity=11*/
P{color:red;}/*specificity=1*/
这仿佛是一个基于十进制的复杂运算。但是盘算“specificity”不克不及利用十进制算法,比方你把15种选择符连在一同利用、它们具有的“specificity”加权值仍是比复杂的class选择符低。举例:
.hello{color:red;}/*specificity=10*/
HTMLBODYDIVULLIOLLIULLIOLLIULLIOLLI(color:green;}/*specificity=15*/
"10"实践上是一个“1”前面接着“零”、不是"十",我们可使用十六进制形貌后面的款式划定规矩的specificitiy,像上面:
.hello{color:red;}/*specificity=10*/
HTMLBODYDIVULLIOLLIULLIOLLIULLIOLLI(color:green;}/*specificity=F*/
独一的成绩是假如你想为第二个款式划定规矩增添两个或更多的选择符时,当时你便可能失掉一个“17”的specificity、会再一次搅浑。现实上specificity多是无量年夜的,以是为了不更多的凌乱,倡议利用逗号来分开specificity的值。
站长倡议:重复实习specificity的加权值的盘算,网站CSS的设置表现了你把持页面的才能,在静态网站开辟中,CSS的位置也长短常主要的,多看材料,多实习,多来网页教授教养网!假如你喜好本站就代为宣扬吧!感谢浏览。
</p>
这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。 |
|