syon的博客

待我长大成人!和你私奔~

第七章 选择器高级 a伪类

高级选择器

  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:“后面赋值”}

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/csnd_syon_javaweb/article/details/78169831
个人分类: HTML+CSS
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭