问题：请指出以下结构中，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选择符。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
944
收藏
