您的位置:首页 > Web前端 > CSS

CSS选择符的种类以及对比分析

2015-08-18 21:27 453 查看
CSS选择符

            选择符就是你要操作的XHtml元素,可以使Xhtml标签,比如<p></p>;可以使标签的class属性,例如<p class = "selector_name"></p>;也可以是标签的ID属性,例如:<p id = "id_name"></p>;

         选择符的种类有一下七种

       
 标签选择符:就是Xhtml的元素,比如:<p></p>,<div></div>等,操作范围是一种标签的范围,由于操作范围比较广,常用语格式化标签的默认属性,解决浏览器的兼容性问题。
         类选择符:就是标签的类属性值确定操作的元素,比如<p class = "color"></p>,<div
class = "color"></div>,对color操作,就是对定义类属性为color的标签操作,操作范围是某一类元素的范围,可以为将不同的标签归结为一类,做共同的操作。
       
ID选择符:就是操作id属性为某一值的元素,由于id的唯一性,可以“特殊化”某一元素。
       
嵌套选择符:就是对元素内的元素进行操作,比如<p >类选择符<span >第四种</span></p>,对其span操作可以是这样的 p span{属性:值},可以减少定义的id或class,达到优化代码的目的。
       分组选择符:就是对要操作的标签,id,class共同操作,不同元素有逗号隔开,划分为一组,就是分组选择符,分组选择符灵活性较高,也是较为常用的选择符。
     
 标签指定选择符:就是指定某一标签的操作,需要为这个标签定义id或class,例如<h1 class="class_name">选择符练习</h1>,对其可以这样操作:h1.class_name{属性:值},比较不常用。
     
混合选择符:就是对以上六种选择符的综合使用,具有你想有的任何特性和优点。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  标签 css class