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{属性:值},比较不常用。
混合选择符:就是对以上六种选择符的综合使用,具有你想有的任何特性和优点。
选择符就是你要操作的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{属性:值},比较不常用。
混合选择符:就是对以上六种选择符的综合使用,具有你想有的任何特性和优点。
相关文章推荐
- Android Native 绘图方法
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- 表格标签table深入了解
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析
- CSS文字截取功能实现代码
- 支持IE6 IE7 Firefox 的纯CSS的下拉菜单
- WEB标准网页布局中尽量不要使用的HTML标签
- 不同版本IE使用不同css(css条件注释语句用法)
- css类选择器的使用方法详解