美文网首页
CSS选择器

CSS选择器

作者: Linn___ | 来源:发表于2018-05-31 23:54 被阅读0次

标签选择器 body、h1、dl、ul、span

id选择器 #

类选择器
1) class可以重复,也就是说,同一个页面上可能有多个标签同时属于某一个类;
2) 同一个标签可以同时携带多个类。

后代选择器 .div1 p 就是.div1的后代所有的p,后代选择器,描述的是祖先结构

交集选择器 h3.special 必须是h3标签,然后必须是special标签

并集选择器(分组选择器) h3,li 用逗号就表示并集

通配符* 效率不高,如果页面上的标签越多,效率越低,所以页面上不能出现这个选择器

CSS3选择器

儿子选择器> div>p div的儿子p。和div的后代p的截然不同

序选择器 选择第1个li ul li:first-child 选择最后一个1i ul li:last-child

下一个兄弟选择器 h3+p 选择上的是h3元素后面紧挨着的第一个兄弟

CSS的继承性和层叠性

继承性 color、 text-开头的、line-开头的、font-开头的 这些关于文字样式的,都能够继承; 所有关于盒子的、定位的、布局的属性都不能继承

层叠性 就是css处理冲突的能力。 所有的权重计算,没有任何兼容问题 统计权重:id的数量,类的数量,标签的数量
权重问题大总结: 1) 先看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。谁大听谁的。如果都一样,听后写的为准。 2) 如果没有选中,那么权重是0。如果大家都是0,就近原则。

!important 这个属性的权重就是无穷大

image.png

相关文章

  • 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/saocsftx.html