CSS 的选择符

时间:2021-07-29 10:45:52

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 的选择符的更多相关文章

  1. CSS 组合选择符

    CSS 组合选择符 组合选择符说明了两个选择器直接的关系. CSS组合选择符包括各种简单选择符的组合方式. 在 CSS3 中包含了四种组合方式: 后代选取器(以空格分隔) 子元素选择器(以大于号分隔) ...

  2. css关系选择符

    <!Doctype html> <html> <head> <meta http-equiv="Content-Type" content ...

  3. CSS:CSS 组合选择符

    ylbtech-CSS:CSS 组合选择符 1.返回顶部 1. CSS 组合选择符 CSS 组合选择符 组合选择符说明了两个选择器直接的关系. CSS组合选择符包括各种简单选择符的组合方式. 在 CS ...

  4. CSS属性选择符

    属性选择符: E[att] 选择具有att属性的E元素. <style type="text/css"> a[class]{ background-color: red ...

  5. CSS高级选择符

    2016-11-07 <css入门经典>第八章 1.属性选择器 选择器 描述 [attribute] 用于选取带有指定属性的元素. [attribute=value] 用于选取带有指定属性 ...

  6. CSS之选择符、链接、盒子模型、显示隐藏元素

    <html> <head> <meta charset="utf-8"> <title>选择符.链接.盒子模型.显示隐藏元素< ...

  7. 1&plus;x证书学习日志——css 基本选择符

    ##css选择符                 1:类型选择符 直接用标签名称当作选择符                     特点:选中所有同类元素                 2:id名称 ...

  8. CSS组合选择符

    组合选择符说明了两个选择器直接的关系. 目录: 后代选取器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选取器 后代选取器匹配所有值得 ...

  9. 强大的CSS 属性选择符 配合 stylish 屏蔽新浪微博信息流广告

    新建一条微博域名下的规则: @-moz-document domain("weibo.com") { #v6_pl_rightmod_rank,#v6_pl_rightmod_ad ...

随机推荐

  1. 常见绘图框架-&lpar;Charts&rpar;

    swift 出来后有很多优秀的第三方绘图.动画框架,最近项目需要使用了 Charts Github: https://github.com/danielgindi/Charts 因为是在Object- ...

  2. URAL1996 Cipher Message 3(KMP &plus; FFT)

    题目 Source http://acm.timus.ru/problem.aspx?space=1&num=1996 Description Emperor Palpatine has be ...

  3. python3 入门 &lpar;二&rpar; 列表的使用

    列表用于组织其它数值,即写在方括号之间.用逗号分隔开的数值列表.列表内的项目不必全是相同的类型. 列表的定义 student = ['Tom', 'Jack', 'Avril'] 添加元素 将另一个列 ...

  4. 2014年25 款最新最棒的jQuery插件

    网络上提供了大量非常有用的 jQuery 插件,帮助大家完善网站的体验.所以我们在这里收集了 2014 年发布的,并且是非常有用的插件,希望能帮助大家找到自己需要并且喜欢的,提升网站的质量! HAMM ...

  5. NGUI 3&period;5教程(四)Atlas和Sprite(制作图片button)

    Atlas是NGUI的图集.我的理解是:Atlas把你的一些零散的图片,合并成一张图.这样做的优点是,能够减少Draw Call.我不了解它的底层运作机制,我猜应该也是再行进DXT之类的纹理压缩,所以 ...

  6. Spring框架中获取连接池的几种方式

    什么是数据库连接池? 数据库连接池是一种关键的有限的昂贵的资源,对数据库连接的管理能显著影响到整个应用程序的伸缩性和健壮性,影响到程序的性能指标.数据库连接池就是用来解决这些问题而提出的. 数据库连接 ...

  7. 手动清除mac的广告弹框病毒 MacOSDefender

    最近在浏览亚马逊, 京东的时候, 发现会自动弹出很多广告到浏览器, 其实是中了病毒MacOSDefender. 这个病毒非常烦人, 会在你浏览电商网页的时候拼命的打开广告页面, 而且还会弹出一些提示, ...

  8. 在ng-repeat内Checkbox默认选中

    Angularjs的ng-repeat是用来循环产生呈现数据. 当我们需要在ng-repeat循环中呈现一系列Checkbox时,某些checkbox选项是默认选中的. 在ASP.NET MVC程序中 ...

  9. 【APUE &vert; 08】进程控制

    函数fork 博文链接: 1. 代码示例: #include "apue.h" ; char buf[] = "a write to stdout\n"; in ...

  10. SQL 2017 远程连接被拒绝

    1.防火墙端口 2.数据库要能帐号登录 可是还是不行 打开:SQL Server 2017 配置管理器->SQL Server 服务 ->SQLServer(你的实例名)-> 右键- ...