美文网首页
CSS选择器

CSS选择器

作者: songzhaojie | 来源:发表于2018-12-29 17:04 被阅读0次

css 样式是表现,是网页的外衣,比如颜色,字体大小等,所有改变内容外观的东西称为表现

一,

ID 选择器,例如标签<P id='p'></P>,(id 的值是唯一的,不能重复,id 是给js用的,id上行为)

class 类选择器。例如标签<P class='p'></P>,(class 的值可以多个,class是上样式的)

P  标签选择器 例如表签 <h1></h1>

div+P 兄弟选择器 例如 <div></div><P></P> 选择div后面的P标签

div>P  后代选择器  <div><P></P></div> 选择div的子类p 标签

nth-child(n+1) 可以称为前面奇偶选择器(n可是任何数)p:nth-child(n+1)  意思是选择p标签的父标签里面的第几个P标签(正向)(n是从父类里面的第一个子元素开始)

nth-last-child(n+1)可以称为后面奇偶选择器(n可是任何数)p:nth-child(n+1)  意思是选择p标签的父标签里面的第几个P标签(反向)(n是从父类里面的倒数第一个子元素开始)

nth-of-type(n+1),nth-last-of-type(n+1)原理是跟nth-child(n+1) nth-last-child(n+1)一样的,只是针对标签本身(n开始数的是从第0个针对的标签开始数)

first-child 第一个子类选择器例如p:first-child 如果第一个不是p标签不行

only-child   仅有的一个子类选择器例如p:only-child 

first-of-type 选择父类里面的第一个针对性标签例如p:first-of-type 

last-of-type 选择父类里面的 倒数第一个针对性标签例如p:first-of-type 

before 伪类选择器 在什么标签前添加文字等

伪勒还有很多比如link,visited,active,hover 等等

总结(ID上行为,class 上样式)选择器中间带of 就是针对你要选择的标签

相关文章

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

  • css选择器

    css选择器】 1.css属性选择器 2.css伪类选择器 3.css层次选择器

  • CSS 选择器

    CSS 选择器 CSS 基本选择器及其扩展 CSS 基本选择器 通配符选择器 * 元素选择器 使用标签的名称...

  • Sublime 学习web的css

    html + css + js css引用 css外部样式 css优先级 css的选择器 标签选择器 类选择器 i...

  • CSS选择器

    CSS选择器的作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素。 CSS选择器的类型 CSS选择器大...

  • JQuery CSS选择器

    CSS普通选择器 选择器函数 CSS伪类选择器

  • CSS-选择器1-概述

    CSS选择器-系列文章 CSS选择器-系列文章下一节 CSS选择器2-类选择器CSS3参考手册

  • CSS选择器、优先级以及!important知识总结

    一、CSS选择器 关于CSS选择器,首先请看这里:CSS 选择器参考手册 通过以上,我们可以将CSS选择器分为以下...

  • CSS

    CSS规则 at 规则 CSS选择器 CSS选择器 继承与层叠 继承与层叠 CSS 属性 CSS 属性 CSS值 ...

网友评论

      本文标题:CSS选择器

      本文链接:https://www.haomeiwen.com/subject/vvkplqtx.html