css代码body>*是什么意思

您所在的位置:网站首页 boby英文什么意思 css代码body>*是什么意思

css代码body>*是什么意思

2023-12-16 21:02| 来源: 网络整理| 查看: 265

今天学习前端的时候,发现body>*这样一个选择器,详细代码如下。我大概知道它的作用,但是不太确定,想从网上搜个现成的答案,百度了一下居然没找到,只好按照自己的理解写一下。

子代选择器 body>*{ width:980px; height:auto; margin:0 auto; margin-top:10px; border:1px solid #000; padding:5px;} header{ height:50px;} section{ height:300px;} footer{ height:30px;} section>*{ height:100%; border:1px solid #000; float:left;} aside{ width:250px;} article{ width:700px; margin-left:10px;} 头部 导航 侧边栏 文章 页脚

""是通配符,包括所有元素。 "body>"是指选择所有父级元素是 body的子元素,通俗点说就是只包括body的儿子这一代,但不包括孙子辈。在本例中,"body>*"包括的第一级子元素有header、nav、section、footer,不包括aside、article。

">"子代选择器

">"选择器是css3新增的选择器,用于选择元素的第一级子元素。 案例见下面代码:

div>p /*指div的第一级子元素p*/ { background-color:#ccc; } I live in Duckburg. I will not be styled.

关于这个子代选择器,大家可以参照菜鸟教程,网址如下:https://www.runoob.com/cssref/sel-element-gt.html 同样的道理,section>*是指section的所有第一代子元素,本例中包括aside、article两个元素。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3