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

CSS选择符

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

         选择符的种类有一下七种

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值