CSS 的选择符
CSS是什么?
如果说元素是标记代码的构建块料,那么CSS就是约束这些构建块料样式的规则。
CSS规则的组成

CSS的规则由 选择符 和属性,值组成。
Css选择符:选择符是规则中用于确定样式所涵盖的可应用到的目标元素的部分。
样式声明又包含两个部分:属性和值。
属性是元素中需要被修改的某个属性,如,颜色,宽度等等。
选择符的种类:
1.全体选择符,全体选择符是一个星号(*),意思是选择文档中的每一个元素,例如:
* {color: blue;}意思是把所有元素都应用为蓝色。
2.元素选择符:选择一种元素的所有实例,其具体性来自于标签名。
p {color:red;} 意思是,所有<p>标签都应用这个样式,元素选择符也叫类型选择符。
3.类选择符:类选择符的应用范围是:带有class属性,并且class名为类选择符指定的名字的标签,
类选择符以一个圆点开头(.),例如: info{color: purple;}这个规则的应用范围就是 含有class属性且class名为info的标签,class=”info”。
4.ID选择符:他的作用范围是 id属性名是指定名字的那个标签。由于标签的ID是唯一的,所以ID选择符一般只指定一个标签,ID选择符以一个”#”符号开头,例如:#introduction {color: green;} 表示ID名为introduction,
的标签。
5.为类选择符:可用的伪类选择符只有有限几个:
:link {color: blue;} 选择范围为所有超链接元素。
:visited {color: purple;}选择范围是所指向的目标已经被访问过的链接。
:active{color: red;}选择范围是那些当鼠标点击链接时,或当焦点位于链接上并按下回车键时,以及其他处于活动状态的链接。
:hover{color: green;}
CSS 的选择符的更多相关文章
- CSS 组合选择符
		CSS 组合选择符 组合选择符说明了两个选择器直接的关系. CSS组合选择符包括各种简单选择符的组合方式. 在 CSS3 中包含了四种组合方式: 后代选取器(以空格分隔) 子元素选择器(以大于号分隔) ... 
- css关系选择符
		<!Doctype html> <html> <head> <meta http-equiv="Content-Type" content ... 
- CSS:CSS 组合选择符
		ylbtech-CSS:CSS 组合选择符 1.返回顶部 1. CSS 组合选择符 CSS 组合选择符 组合选择符说明了两个选择器直接的关系. CSS组合选择符包括各种简单选择符的组合方式. 在 CS ... 
- CSS属性选择符
		属性选择符: E[att] 选择具有att属性的E元素. <style type="text/css"> a[class]{ background-color: red ... 
- CSS高级选择符
		2016-11-07 <css入门经典>第八章 1.属性选择器 选择器 描述 [attribute] 用于选取带有指定属性的元素. [attribute=value] 用于选取带有指定属性 ... 
- CSS之选择符、链接、盒子模型、显示隐藏元素
		<html> <head> <meta charset="utf-8"> <title>选择符.链接.盒子模型.显示隐藏元素< ... 
- 1+x证书学习日志——css 基本选择符
		##css选择符 1:类型选择符 直接用标签名称当作选择符 特点:选中所有同类元素 2:id名称 ... 
- CSS组合选择符
		组合选择符说明了两个选择器直接的关系. 目录: 后代选取器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选取器 后代选取器匹配所有值得 ... 
- 强大的CSS 属性选择符 配合 stylish 屏蔽新浪微博信息流广告
		新建一条微博域名下的规则: @-moz-document domain("weibo.com") { #v6_pl_rightmod_rank,#v6_pl_rightmod_ad ... 
随机推荐
- linux | mac 设置远程主机别名
			管理几台不同的服务器,要上线,发布,测试, 每次输入 ip 感觉好傻. 在 ~/.ssh/ 目录下如果有config 文件,修改一下就好,如果没有,创建一个. # vim ~/.ssh/config ... 
- bzoj 1226 [SDOI2009]学校食堂Dining(状压DP)
			Description 小F 的学校在城市的一个偏僻角落,所有学生都只好在学校吃饭.学校有一个食堂,虽然简陋,但食堂大厨总能做出让同学们满意的菜肴.当然,不同的人口味也不一定相同,但每个人的口味都可以 ... 
- 利用JDBC连接Eclipse和mySQL5.1.26数据库
			初学JDBC,看了看书,自己动手的时候还是有很多地方有问题,最终终于解决了实现了数据库的连接.现将整个步骤描述如下: 环境:mySQL5.1.26(win 32bit), Eclipse JavaEE ... 
- 【解决】Microsoft Visual Studio 2012 打开2008下编译的silverlight3项目
			最近因为项目需要,老师要我搞一发流程设计器,毫无头绪呀妈蛋 .. 我考虑是用silverlight呢还是jquery .. 上网找了找 .. 有一个用silverlight3写的 貌似IDE用的是V ... 
- HW2.6
			import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ... 
- CF_402B 想法题
			题目链接:http://codeforces.com/problemset/problem/402/B /**算法分析: 题意太大意,positive没注意这个问题 考察等差数列,由An=A1+(n- ... 
- poj 1236 Network of Schools【强连通求孤立强连通分支个数&&最少加多少条边使其成为强连通图】
			Network of Schools Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 13800 Accepted: 55 ... 
- js http 请求 多个相同参数名传值
			最近在用js和api做对接的时候需要传参数类似于 rights=a1&rights=a2 因为有相同的参数名,试过很多方法都被覆盖了. 最后终于发现可以通过rights=[a1,a2]的方式, ... 
- 用VerbalExpressions来帮助我们写正则表达式
			博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:用VerbalExpressions来帮助我们写正则表达式. 
- 用gooreplacer来加速你的浏览器
			博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:用gooreplacer来加速你的浏览器. 
