CSS样式子代选择符(大于号 >)使用实例
网站建设 2023-01-28 21:39www.1681989.com免费网站
div span是上下文选择符，表示选择div里面的所有span，注意是所有的，无论是不是直接承下关系。
div>span不同。 >(大于号)是子代选择符，它表示的是选择div的子代span。
例如在结构
复制代码
代码如下:<div id="keleyi">
<span id="erzi-keleyi-">儿子span
<span id="sunzi-keleyi-">孙子span</span>
</span>
</div>
<span>非div内部span</span>
div>span只能选择id="erzi-keleyi-"的span，因为它是div的子代。而id="sunzi-keleyi-"的span没有被选择。
狼蚁网站SEO优化为实例代码
复制代码
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd">http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://.w3./1999/xhtml">http://.w3./1999/xhtml</a>">
<head>
<title>css大于号示例</title>
<style>
div{border:1px solid green;marg:10px}/div为绿色边框/
span{display:block;background-color:Silver;paddg:10px;marg:10px;}/span背景颜色为银色/
div>span{border:1px solid red;}/有大于号/
</style>
</head>
<body>
<div><a href="<a href="https://.jb51./">https://.jb51./</a>" target="_blank">web前端</a> <a href="<a href="https://.jb51.">https://.jb51.</a>" target="_blank">没有大于号的</a>
</div>
<div>只有div的儿子span元素有红色边框</div>
<div id="keleyi">
<span id="erzi-keleyi-">div儿子span
<span id="sunzi-keleyi-">div孙子span
</span>
</div>
<span>非div内部span</span></p> <p></body>
</html></p> <p>
网站设计
- 静宁会SEO的网站建设公司：全面提升您的网络影
- 提升在线业务的关键：选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司：打造您的在线品牌
- 灵山SEO网站建设公司：提升您的在线业务表现
- 蒙城网站建设优化公司：提升您网站表现的理想
- 阳谷企业网站优化：提升线上业务力的关键
- 樟树专业的网站建设公司：打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司：助您轻松打造在线业务
- 巫溪百度网站优化：提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱？全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销