登录 注册
您的位置:首页> 建站知识 > 导示设计公司
【优秀网站设计网站】通用兄弟元素选择符的浏览效果
标签:导示设计公司
发表日期:2018-11-13 06:47:46     文章编辑:admin     浏览次数:100

 【优秀网站设计网站】

div选择符
    div(division,部分的简写)在功能上与span相似,最主要的差别在于,div是一个块期标签。div可以包含段落、标题、表格甚至其他部分。这使div便于建立不同集成的类,如{节、摘要或备注。在定义区域间使用不同样式时,可使用<div>标签。其格式为:
    <div id="样式名”>…</div> 或 <div class="样式名”>…</div>
6.通用选择符
    通用选择符用于选定文档对象模型( DOM)中所有类型的单个元素,是一种特殊的选李符,它用术表示。其格式为:
    *(CSS代码)
    示例代码如下:
    }{
    font-size:12pt;    /+定义文档中所有字体大小为12pt*/
    }
7.通用兄弟元素选择符E—F
通用兄弟元素选择符E~F表示匹配E元素之后的F元素。其格式为:
    E    F:{att}
·100·
其中,E、F均表示元素,att表示元素的属性。示例代码如下:
    div~p{background-color:#OOff00;)    /*E元素为div,F元素为p*/
 应用此样式的代码如下:
    <div style=”width:733px; border: lpx solid #666; padding:5px;”>
    <div>
    <p>匹配E元素之后的F元素</p>    <!一E元素中的F元素,所以不匹配一>
    <p>匹配E元素之后的F元素</p>    <!一E兀素中的F元素,所以不匹配一>
    </div>
    <hr/>
    <p>匹配E元素之后的F元素</p>    <!一-E元素后的F元素,所以匹配一>
    <p>匹配E元素之后的F元素</p>    <!一E兀素后的F元素,所以匹配一>
    <llr/>
    <p>匹配E元素之后的F元素</p>    <!一E兀素后的F元素,所以匹配一>
    <hr/>
    <div>匹配E元素之后的F元素</div>    <!一E兀素本身,所以不匹配一>
    <llr/>
    <p>匹配E元素之后的F元素</p>    <!一E元素后的F元素,所以匹配一>
    </div>
    浏览器中的浏览效果如图6-6所示。
图6-6通用兄弟元素选择符的浏览效果
留言预约
关于我们
易神州网络-专业的软件开发和品牌营销公司,提供互联网基础服务与数字营销产品解决方案专家,14年丰富的软件开发、品牌策划营销。擅长于系统化解决企业品牌在互联网上的统一性传播,企业品牌在互联网上的应用。我们协助您通过在线品牌的塑造,建立长久的企业品牌价值。
联系我们
400-611-0508
周一至周六9:00-18:00
全方位的营销咨询   精准的解决方案
地址:北京市丰台科技园汉威国际四区8号楼7层
关注公众号