a标签右侧尖括号_css--------div > li > a{}和div li a{}的区别（有尖括号和无尖括号）...

最新推荐文章于 2021-10-13 16:26:23 发布
最新推荐文章于 2021-10-13 16:26:23 发布
阅读量394 收藏
点赞数
文章标签： a标签右侧尖括号
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36485103/article/details/113015542
版权

初学者，今天第一次看到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,其它字体没有变；

吴冬亮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css--------div > li > a{}和div li a{}的区别（有尖括号和无尖括号）
IT系统业务的专栏
01-09 5316
初学者，今天第一次看到css文件中这样的写法：nav .primary_nav > li > a{font-size:16px;} 很奇怪li和a前边的“>”尖括号是什么意思，经过尝试总结如下： html代码： Women
css实现右尖括号样式
weixin_34354945的博客
07-23 3349
.arrow{ width: 6px; height: 6px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(45deg); position: absolute; right: 0px; } 效果图： 转载于:https://...
a标签右侧尖括号_HTML <a> 标签
weixin_35217123的博客
01-17 232
本文本 是一个指向本网站中的一个页面的链接。本文本 是一个指向万维网上的页面的链接。本例演示如何使用图像作为链接。您也可以使用图像来作链接：本例演示如何使用链接跳转至文档的另一个部分查看 Chapter 。Chapter This chapter explains ba bla blaChapter This chapter explains ba bla blaChapter This chap...
CSS <a>标签选择差异
jiatong0913的博客
08-21 307
前端开发自学中碰到的问题： 以下是这段HTML代码，在选取标签时，两种不同的方法结果不同 搜索 首页 菜谱分类 菜单 作品动态 App 第1种选取方法CSS： .topleft a{float:left;width:60px;margin-right:16px;height:38px;line-height:38px;text-align:cent
清除浮动以及什么是浮动（float）
伍六七
05-20 1149
CSS 布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子。 CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中： 普通流（标准流） 块级元素会独占一行，从上向下顺序排列； 常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行； 常用元素：spa...
animated-tab-bar:带有HTML，CSS和Javascript想法的动态标签栏
04-29
每个标签通常会用`<li>`（列表项）元素表示，而整个标签栏则可以封装在一个`<div>`元素内，通过`class`或`id`来标识，方便CSS和JavaScript操作。例如，可以创建一个如下的HTML结构： ```html <ul class="tab-bar"> ...
CSS-Timeline:使用CSS的简单移动响应时间线
05-06
3. **HTML5时间线元素**：虽然HTML5没有专门的时间线标签，但我们可以利用现有的HTML元素（如`<ul>`、`<li>`、`<div>`等）结合CSS进行布局。每个时间点可以表示为一个列表项`<li>`，包含事件的日期、标题和描述。...
详解css中inline-block的最小宽度值
11-21
其他标签如`<div>`、`<p>`等是块级元素，而`<a>`、`<span>`、`<i>`等是行内元素，它们各自有不同的用途和表现形式。 总结来说，`inline-block`的最小宽度值是一个CSS布局中的重要概念，它涉及到元素内容的显示和...
css几种解决inline-block间隙的方案(整理)
12-02
inline是内联对象，比如<a> 、 <span>标签等，可以“堆在一起”显示，宽高由内容决定，不能设置； block是块对象，比如<div>、<p>标签等，要占一整行，但是宽高可以自定义；为了弥补inline和block的不足，又扩充了...
CSS3中:nth-child和:nth-of-type的区别深入理解
09-25
在CSS3中，`:nth-child` 和 `:nth-of-type` 都是用于选择具有特定索引位置的元素，但它们之间存在着微妙的区别，这些差异往往会在复杂的布局和选择器应用中体现出来。深入理解这两个伪类对于创建精确、动态的CSS样式...
html ul li做左侧菜单,css ul li实现纵向导航菜单效果
weixin_42510026的博客
05-30 808
Document.nav>li {float: left;}.nav{list-style: none;}.drop-down-content{list-style: none;}.nav a{display: block;text-decoration: none;width: 100px;height: 50px;text-align: center;line-height: 50px;...
学习笔记之JQuery 的$("#nav > li")中>的意思
BeStronger
10-29 1679
#nav > li 指的是#nav 下的直接li子元素. #nav li 指的是#nav下的所有li元素. #nav > li.first指的是#nav下直接li子元素的第一个li元素.
CSS样式中的 nav ul li ul 与 nav>ul>li
paullinjie的博客
04-26 8513
问题：CSS样式中的 nav ul li ul 与 nav>ul>li 这两种写法的区别是什么，“>”的作用是什么，谢谢。 style> *{ margin:0; padding:0; list-style:none; } nav ul li ul{
CSS样式实现导航右尖括号
帝魂Dreams
05-16 2143
.arrow{ width: 6px; height: 6px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(45deg); position: absolute; right: 0px; } 演示效果
css 尖括号
qq_42239440的博客
10-13 795
< <　　<= ≤ 　　> >　　>= ≥
HTML中显示特殊字符，如尖括号 “<”,">"等等
seancn5的博客
08-29 6030
如下面的html代码: body> 显示：input id="myTest" type="text" value="5 >input> body> 上面的value属性值中含有“ 在网上搜了一下，如果要在标签中显示""等特殊字符，可以使用“&”开头，“;”结尾，中间加上字符对应的编码就可以啦。 如： 　　 　　> >　　
html&css的简单了解
m0_50496669的博客
09-07 1236
html&css html： 常用的标签： div、p、ul li、ol li、h1-h6、a、span、b、u、i、input（属性text、number、password、radio、checkbox、submit、reset）、form、select>option、textarea h5(新标签）：header、nav、footer、main、section、video、audio、input（color、range、week、date） 标签的分类： 单双标签：单标签没有与之对
<nav class="nav"> <input type="checkbox" class="nav__cb" id="menu-cb"> <div class="nav__content"> <ul class="nav__items"> <li class="nav__item"> <span class="nav__item-text"> Home </span> </li> <li class="nav__item"> <span class="nav__item-text"> Works </span> </li> <li class="nav__item"> <span class="nav__item-text"> About </span> </li> <li class="nav__item"> <span class="nav__item-text"> Contact </span> </li> </ul> </div> <label class="nav__btn" for="menu-cb"></label> </nav>把text改成按钮
最新发布
07-13
如果你想将 `<span>` 元素中的文本改为按钮，你可以将 `<span>` 元素替换为 `<button>` 元素，并在其中添加相应的按钮样式。下面是修改后的代码示例： ```html <nav class="nav"> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值