常用CSS选择器
来源:互联网 发布:外网管理软件 编辑:程序博客网 时间:2024/05/19 16:32
常用CSS选择器
在学习CSS选择器之前,首先要学习什么是CSS(Cascading Style Sheets)层叠样式表技术。CSS是一个出色技术,它使页面结构和样式进行完全分离,保证了HTML页面的简洁。利用CSS选择器可以轻松地改变某个元素的样式,并且不改动页面HTML结构,只需要该表对应的CSS样式表。
要使得某个样式加到对应的HTML元素上,首先应该找到这个元素。在CSS中,执行这种任务的表现规则叫做CSS选择器。学会使用CSS选择器是学习CSS的基础,它为获取目标元素后施加样式提供了极大的灵活性。下面看看有哪些CSS样式选择器。
一.
名称:标签选择器;
语法:E{ CSS规则 }
描述:以文档元素作为选择符
实例:input{ border:1px solid red;color:gray;margin:0;padding:0 }
二.
名称:ID选择器;
语法:#ID{ CSS规则 }
描述:以文档元素的唯一标识符作为选择符
实例:#footer{ border:1px solid red;color:gray;margin:0;padding:0 }
三.
名称:类选择器;
语法:E.className{ CSS规则 }
描述:以文档元素的class作为选择符
实例:E.style{ border:1px solid red;color:gray;margin:0;padding:0 }
四.
名称:群组选择器;
语法:E1,E2,E3{ CSS规则 }
描述:多个选择符应用同样的CSS样式规则
实例:E,F,G,N{ border:1px solid red;color:gray;margin:0;padding:0 }
五.
名称:后代选择器;
语法:E F{ CSS规则 }
描述:E元素的任意后代元素F执行对应的CSS样式规则
实例:E F{ border:1px solid red;color:gray;margin:0;padding:0 }
六.
名称:通配符选择器;
语法:*{ CSS规则 }
描述:以文档所有元素作为选择符
实例:*{ margin:0;padding:0 }
目前几乎所有的浏览器都支持上面的CSS选择器。此外,CSS选择器还有伪类选择器(E:hover{ ... }),
子选择器(E>F{ ... }),临近选择器(E+F{ ... }),属性选择器(E[attr]{ ... })。但是,主流的浏览器并不完全支持所有的CSS选择器。
想了解更多的CSS、HTML、JavaScript的知识,建议初学者在W3C(http://www.w3school.com.cn/)上进行学习。
- 常用css的选择器
- 常用的css选择器
- CSS常用选择器
- CSS常用选择器学习
- css常用选择器
- CSS常用选择器汇总
- 常用CSS选择器
- CSS常用选择器
- 常用的css选择器
- CSS常用选择器
- css常用选择器总结
- css常用选择器
- CSS常用选择器
- CSS—常用选择器
- 常用css选择器总结
- CSS常用选择器
- css常用选择器
- CSS常用选择器介绍
- 控制器初始化方法_initialize
- mysql安装与配置
- iOS--一份详细的pod清单
- 电阻的认识和选型
- Web调试工具-Firebug
- 常用CSS选择器
- 【u245】机房病毒
- android studio 导入工程
- nginx.org的Configuration file measurement units页面翻译
- 4595: [Shoi2015]激光发生器
- MyEclipse快捷键大全
- PHP基础教程九之类与对象
- hdu 4422 The Little Girl who Picks Mushrooms【贪心+分类讨论】
- Linux上使用SSH连接Git