懂div+css的进.看图回答问题,基础的问题.呵呵
发布网友
发布时间:2022-09-18 11:48
我来回答
共4个回答
热心网友
时间:2023-10-21 16:28
<div>
<div class="style1">
<h1 class="style1"></h1>
<h2 id="id2"></h2>
</div>
<div id="id1">
</div>
</div>
以上面代码为例
类型选择符:单指元素的名字,而没有大于号和小于号
如:div{...}/*这个选择的是所有div标签,无论父标签还是子标签*/
类选择符:选择所有赋有相同类的元素 一个点号后面跟类名,类选择符要跟着类名的后面。 可以把加在通配符*的后面来选择文档中所有赋予该类的元素,
如:div.style1{..}/*选择的是<div class="style1">...</div>*/
h1.style1{....}/*这个选择的是<h1 class="style1"></h1>*/
*.style1{.....}/*这个是<div class="style1">...</div>与<h1 class="style1"></h1>都被选择*/
Id 选择符
如:div#id1{....}/*选择的是<div id="id1"></div>*/
h2#id2{.....}/*选择的是<h2 id="id2"></h2>*/
群组选择符:多个选择符用逗号连起来
如:div, div.style1, h2#id2{....}
后代选择符:多个选择符用空白连起来
如:div h2#id2{....}
div h1.style1{.....}
子选择符:多个选择符用大于号连起来
div.style1>h1.style1{.....}
首子选择符: 把:first-child加在任何选择符后。
h1.style1:first-child{.....}
兄弟选择符:多个选择符用加号连接起来
h1.style1+h2#id2{....}
热心网友
时间:2023-10-21 16:29
你是指中间那个红色箭头指的那一个吗?
意思是就同时给多个元素设置样式。如下:
<style>
div,h1.first,p.specia{color:"red"}
</style>
<div>div元素</div>
<h1 class="first">H1元素</h1>
<p class="specia">P元素</p>
结果是div,h1,p里面的字体颜色都为红色。
热心网友
时间:2023-10-21 16:29
直接给你例子吧,
div.special - <div class="special">,,,</div> : 交集,必须同时满足div and special
div, h1.first - <div>...</div> <h1 class="first"></h1> : 并集,两个都会选上
div h1.fist - <div><h1 class="first></h1></div>: 后代,<div>里面的满足h1.fist的元素
热心网友
时间:2023-10-21 16:30
建议你去下载一本【css设计彻底研究】的配套光盘......里面说的比较详细.....慢慢研究研究吧