我是靠谱客的博主 轻松汽车，最近开发中收集的这篇文章主要介绍a标签右侧尖括号_css--------div > li > a{}和div li a{}的区别（有尖括号和无尖括号）...，觉得挺不错的，现在分享给大家，希望可以做个参考。
概述
初学者，今天第一次看到css文件中这样的写法：nav .primary_nav > li > a{font-size:16px;}
很奇怪li和a前边的“>”尖括号是什么意思，经过尝试总结如下：
html代码：
css代码如下：
nav .primary_nav > li > a{font-size:16px;}
那么：
nav .primary_nav > li > a{font-size:16px;} 和 nav .primary_nav li a{font-size:16px;}的写法有什么区别呢？
1. nav .primary_nav li a{font-size:16px;}的写法是：将.primary_nav 下边的所有li下的所有a获取到，并改变字体大小为16px;
那么，根据上边的html代码，这里边所有的字都变成16px的了。
2.nav .primary_nav > li > a{font-size:16px;}的写法是：将.primary_nav 下边的子级目录下的a链接字体改成16px;
那么，效果是，“Women”和“Men”的字体变成了16px,其它字体没有变；
最后
以上就是轻松汽车为你收集整理的a标签右侧尖括号_css--------div > li > a{}和div li a{}的区别（有尖括号和无尖括号）...的全部内容，希望文章能够帮你解决a标签右侧尖括号_css--------div > li > a{}和div li a{}的区别（有尖括号和无尖括号）...所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复