PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

选择符优先级-:link伪类_html/css_WEB-ITnose

原创
2016-06-24 11:41:27 850浏览

问题:请指出以下结构中,A标签内的字体颜色。

a{ color:#ccc}/* 灰色 */

.alink a{color:#F60}/* 橙色 */

h1 a{color:#F00}/* 红色 */

a:link{color:#009}/* 蓝色 */

div h1 a{ color:#000}/* 黑色*/

 

  

    这里是文字内容

  

正确答案:蓝色

 

其实验证方式很简单,运行一下就可以知道了。

 

.alink a和a:link其实优先级是一样的,哪一个定义在后面,就显示哪一个的颜色;

判断选择器的优先级可以按照打群架的方式联想:谁人多谁强大;人一样多,后来者居上;小??再说,也抵不上一个大boss。

也就是说,首先数选择符个数,哪个样式里的选择符多,哪个的优先级就高;如果大家选择符一样多,那定义在后面的起作用;如果只是有很多标签选择符,那也比不上一个类或是id选择符。

 

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。