第七章 选择器高级 a伪类

原创 2017年10月07日 15:30:27

高级选择器

  1. E,F群组选择器(最后一个选择器不能添加逗号)
  2. E F后代选择器(形成父子关系)
  3. E>F 子元素选择器
  4. E+F毗邻元素选择器(从某个指定元素开始 它后面的第一个元素)

属性选择器

  1. div[class] 匹配有class属性的div元素
  2. div[id=”box1”] 匹配指定id属性和值的div元素
  3. a[class~=”btn1”]匹配指定class属性中等于或包含指定值的元素
  4. a[class|=”btn”]匹配指定的class属性中唯一指定或者某一部分指定的值
    例如:[attr|=val]匹配所有attr属性以“val”整个开头或者以val-开头的元素

a伪类选择器

  1. :link 匹配所有未被点击的链接
  2. :visited 匹配所有已被点击的链接
  3. :hover 匹配鼠标悬停其上的元素
  4. :active 匹配鼠标已经在其上按下 但是还没有释放的元素

    提示:在css中 a:hover必须被置于a:link 和a:visited之后
    a:active必须被置于a:hover之后

.box:hover 鼠标悬停在box身上 同时也作用在box身上
.box:hover span 鼠标悬停在box身上 但是作用在span身上

.box:before{content:”前面赋值”}
.box:after{content:“后面赋值”}

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

css3ui状态伪类选择器

  • 2016年08月22日 18:52
  • 1KB
  • 下载

CSS选择器详解(伪类)

CSS选择器详解 之 伪类伪类对大小写不敏感结构伪类选择器结构伪类是CSS3新增的类型选择器,利用DOM树实现元素过滤,通过文档结构的相互关系来匹配元素,可以减少class和id属性的定义,使文档变得...
  • Panda_m
  • Panda_m
  • 2015年11月28日 19:09
  • 9795

【a】标签的伪类选择器

今天我们来学习一下a标签的4个伪类选择器: ①a:link选择器:修改从未被访问过的a标签样式。 ②a:visited选择器:修改已经被访问过的a标签样式。 ③a:active选择器:修改链接被长按时...

CSS伪类选择器介绍和使用

伪类选择器:大的分类可以分为结构伪类选择器、动态伪类选择器和UI元素状态伪类选择器结构伪类选择器1、nth系列选择器:nth-child和nth-of-type:first-child选择某个元素的第...

宽高自适应、过滤器 伪类选择器

宽、高自适应 过滤器 伪类选择器 1宽、高自适应 元素的大小能够根据窗口或子元素自动调整,这就是自适应。 自适应优点:它能够使同一个网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。 1...

CSS3学习笔记 之 动态伪类选择器

动态伪类选择器为伪类选择器的一种,其语法如下: E: pseudo-class {property:value} 其中E为HTML中的元素,pseudo-class是CSS的伪类选择器名称,pr...
  • atleks
  • atleks
  • 2014年08月31日 23:53
  • 1357

CSS3选择器/伪类的那些事~

article h2:后代选择器:选择指定祖先元素内的后代元素article > h2:子元素选择器:选择指定父元素内的直接子元素h2~p 选择器是一个普通兄弟选择器,查询h2元素后面的拥有共同父元素...

CSS3 :nth-child()伪类选择器

CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器...
  • wstwlk
  • wstwlk
  • 2013年04月02日 08:58
  • 205

css3伪类选择器使用总结

伪类选择器分为结构性、子元素、 UI、动态和其它伪类选择器 大部分伪类选择器如下图所示 :root返回 在下面的示例中: div > p:only-child{     color:re...
  • MOONCOM
  • MOONCOM
  • 2016年12月26日 19:44
  • 2480

[持续更新]CSS3学习笔记(一)伪类选择器&自定义字体&背景图片

CSS3学习笔记 1.  伪类选择器 CSS3之前的伪类共有::hover,:active, :visited, :link, :first-child, :lang这六种。 CSS3新增了许多选择...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第七章 选择器高级 a伪类
举报原因:
原因补充:

(最多只允许输入30个字)