CSS3.0_选择器_学习笔记

元素选择器：每个元素名

通用选择器：*（一般结合其他选择器出现）

类选择器：.类名

id选择器：#id

 1 <!DOCTYPE> 2 <html> 3 <head> 4  5 <title>Css3.0_selector</title> 6 <style type="text/css"> 7 p{ 8 color:#006600; 9 }10 .classselector{11 color:#00CCFF;12 }13 #idselector{14 color:#FFFF00;15 }16 h1,h2,h3,h4,h5{17 color:#FF0000;18 }19 span>i{20 color:#0000FF;21 }22 span p{23 color:#FF00FF24 }25 </style>26 </head>27 28 <body>29 <p>元素选择器</p>30 <span class="classselector">类选择器</span>31 <div id="idselector">id选择器</div>32 <h1>..........1</h1>33 <h2>..........2</h2>34 <h3>..........3</h3>35 <h4>..........4</h4>36 <h5>..........5</h5>37 <span><i>子选择器</i><i>子选择器</i><p>lazygun</p></span>38 </body>39 </html>

选择器的优先级

1、!improtant(覆盖任何元素样式)

2、<span style=""></span>

3、id选择器

4、类选择器，属性选择器，伪类选择器

5、元素选择器

6、通配选择器

相同级别的选择器将由定义他的位置决定

1、<head>

<style>

</sytle>

</head>

2、<style/>标签中的 @import 引入样式表

3、<link/>标签所引入的样式表定义
4、<link/>标签所引入的样式表内的 @import 导入样式表定义
5、样式有用户设定
6、由浏览器默认

转载于:https://www.cnblogs.com/lazygun/archive/2012/01/09/2315904.html

CSS3.0_选择器_学习笔记相关推荐

CSS3与页面布局学习笔记（八）——浏览器兼容性问题与前端性能优化方案
一.浏览器兼容 1.1.概要世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题.不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运 ...
DHCP服务_学习笔记
DHCP服务_学习笔记 DHCP(Dynamic Host Configuration Protocol):动态主机配置协议 Lease:租约续租时间需要是租期时间的一半 UDP协议: Ser ...
db4o_8.0对象数据库官方文档翻译_学习笔记三
紧接上篇:db4o_8.0对象数据库官方文档翻译_学习笔记二 3. Object Manager Enterprise Overview(OME视图)即OME插件的使用 If you did not ...
韩顺平php可爱屋源码_韩顺平_php从入门到精通_视频教程_第20讲_仿sohu主页面布局_可爱屋首页面_学习笔记_源代码图解_PPT文档整理...
韩顺平_php从入门到精通_视频教程_第20讲_仿sohu首页面布局_可爱屋首页面_学习笔记_源代码图解_PPT文档整理对sohu页面的分析注释很重要经验:写一点,测试一点,这是一个很好的方法. ...
友盟统计+渠道包_学习笔记
友盟统计+渠道包_学习笔记资料: 官网:https://developer.umeng.com/docs/66632/detail/66889#h3-u5E38u89C1u95EEu9898 视频资 ...
图论01.最短路专题_学习笔记+模板
图论01.最短路专题_学习笔记+模板一.定义与性质 ● 需要的前导知识点路径最短路有向图中的最短路.无向图中的最短路单源最短路.每对结点之间的最短路 ● 最短路的性质对于边权为正的图,任意 ...
Web前端html5+css3前端开发入门学习笔记
文章目录前言 HTML 认识HTML 1. 网页组成和本质 2.了解浏览器 3.web标准 4.HTML感知 5.HTML骨架 6.编译软件vscode的简介和使用 7.注释 8.标签组成和关系 9 ...
c++ qt工作量和移动端相比_学习笔记 --- QT
0.前序别问,问就是选修... 那毕竟3dMax动画那边结课了,我怎么就不能再发一篇笔记(极其嚣张) QT其实会去好好学的,虽然最近为了选修结课又得恶补一波不过以后给策划造编辑器是要用的,这篇笔记 ...
CSS3与页面布局学习笔记（四）——页面布局大全(负边距、双飞翼、多栏、弹性、流式、瀑布流、响应式布局)
一.负边距与浮动布局 1.1.负边距所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%.当一个元素与另一个元素margin取负值时将拉近距离.常见的功能 ...

CSS3.0_选择器_学习笔记

CSS3.0_选择器_学习笔记相关推荐

最新文章

热门文章