第七章 选择器高级 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:“后面赋值”}

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

【a】标签的伪类选择器

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

Sass 嵌套(选择器、伪类、属性)

整理自慕课笔记 Sass 中还提供了选择器嵌套功能,但这也并不意味着你在 Sass 中的嵌套是无节制的,因为你嵌套的层级越深,编译出来的 CSS 代码的选择器层级将越深,这往往是大家不愿意看到的一点...
  • soindy
  • soindy
  • 2017年03月29日 16:16
  • 2280

HTML/CSS: 浅谈<a>标签及伪类选择器

1.基础知识“超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。” —HTML链接 而对于超文本,简单的说便是通过一个特定的标...
  • linwh8
  • linwh8
  • 2016年09月10日 00:16
  • 2166

css3中伪类选择器:target的使用

参考资料 CSS3 target伪类简介今天由于在做任务13,里面有一个子任务是要求用css写出一个简单的图片轮播,刚开始真的是完全没有思路,想着不用js怎么绑定点击事件呢,看了别人的一些实现方法,发...
  • sinat_27088253
  • sinat_27088253
  • 2016年04月04日 19:10
  • 1652

CSS选择器:属性选择器+后代选择器+子元素选择器+相邻兄弟选择器+伪类+伪元素

http://www.w3school.com.cn/css/css_selector_attribute.asp
  • kungfu_panda
  • kungfu_panda
  • 2014年08月20日 15:05
  • 2806

否定伪类(:not) :empty选择器

x:not(selector) 筛选不含有selector的x 1、选择所有不含有有 class1 的元素 :not(:class1) $(document).rea...
  • yana_loo
  • yana_loo
  • 2016年12月17日 14:43
  • 559

JQ中 :not .not 伪类与方法之间的选择

$('#news tr:nth-child(even)').addClass('alt'); 与 $('#news').find('tr:nth-child(even)').addClass('alt...
  • liuboman
  • liuboman
  • 2016年02月22日 14:50
  • 737

[html5入门-19]伪类选择器与伪类元素的区别——看人家怎么说

CSS的元素选择器除了根据id(#)、class(.)、属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派...
  • weixin_36185028
  • weixin_36185028
  • 2016年10月06日 03:38
  • 1072

结构性伪类选择器

结构性伪类选择器的公共特征是允许开发者根据文档结构来指定元素的样式。 root选择器  将样式捆绑到页面的根元素中。所谓根元素是指位于文档结构中最顶层的元素。在HTML页面中,就是指包含整个页面的部分...
  • u011731233
  • u011731233
  • 2015年06月10日 16:59
  • 1582

stylus之选择器(Selectors)

选择器(Selectors)
  • tian361zyc
  • tian361zyc
  • 2017年05月26日 15:58
  • 1036
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第七章 选择器高级 a伪类
举报原因:
原因补充:

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