CSS基础学习-2.CSS选择器(上)


  • 元素选择符
  • 关系选择符
  • 属性选择符
  • 伪类选择符
  • 伪对象选择符

一、元素选择符

1.通配符:*{ }

2.类选择符:.类名称{ }

3.id选择符::#id名称{ }

4.类型选择符(标签选择符):标签 { }

二、关系选择符

1.子元素选择器:父亲>儿子

2.兄弟选择器::你自己~你的兄弟

3.相邻选择器:E+F

4.包含选择器:E F

三、属性选择符

1.属性

2.写法:

  (1)当前元素[属性]{ }

  (2)当前元素[属性="属性值"]{ }

四、伪类选择符

1.定义:它允许给htm标签的某种状态没置祥式。
   1)元素:link :设置超链接a在未被访问前的样式。
   2)元素:visited :设置超链接a在其链接地址已被访问过时的样式。
   3)元素:hover:设置元素在其鼠悬停时的样式。
   4)元索:active :没置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。

2.注意! ! !
  1) a:hover必须位于a:link 和a:visited之后, a:active 必须位于a:hover之后。
  2)可靠的顺序是: I(link)ov(visited)e h(hover)a(active)te,即用喜欢(love)和讨厌(hate)连两个歌词来记忆。

五、伪对象选择符

1.元素:before{ }:设置在对象前发生的内容。用来和content属性一起使用,并且必须定义content属性.

2.元素:after{ }:设置在对象后发生的内容。用来和content属性一起使用,并且必须定义content属性。

选择器的优先级

!important>内联>ID>类>标签|伪类|属性选择器>伪对象>继承>通配符

注意:!important要写在属性值的后面,分号的前面。

例:

p{

  color:red !important;

}

优质内容筛选与推荐>>
1、Windows Azure AppFabric Caching服务发布!
2、m5-第9周作业
3、iOS 10.3+ 动态修改 App 图标
4、Lua入门系列----pil学习笔记之Type and Values (2)
5、git 子模块


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号