美文网首页
[CSS]css选择器(一)

[CSS]css选择器(一)

作者: lolivialucky | 来源:发表于2017-08-01 21:48 被阅读12次

css中选择器很多

例句几个容易混淆的css选择器组合:

(1) element,element  意思是两个element 共享一个样式。

(2) elementA  elementB 意思是A元素的所有子元素B都使用这个样式

(3) elementA>elementB 意思是A元素的子元素B使用该样式

其中(2)与(3)的区别就在于(2)是选择所有后代元素,而(3)只选择一代,并且是直接子关系,孙子关系都不可以。

实例: 

CSS of (2) .test span { color: red}  

CSS of (3) .test>span { color: red} 

(4) elementA+elementB 表示紧跟着A 后面的B应该使用该样式, 且A和B应该是兄弟关系,并且拥有相同的父亲。

CSS of (4): .hello+.word { color:red; }

相关文章

  • 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规则 at 规则 CSS选择器 CSS选择器 继承与层叠 继承与层叠 CSS 属性 CSS 属性 CSS值 ...

  • Sublime 学习web的css

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

  • CSS-选择器1-概述

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

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

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

  • web前端面试题

    1.css有哪些选择符,它们的优先关系计算 CSS 元素选择器CSS 类选择器CSS ID 选择器CSS 属性选择...

  • web前端的面试题

    1.css有哪些选择符,它们的优先关系计算 CSS 元素选择器CSS 类选择器CSS ID 选择器CSS 属性选择...

  • CSS选择器

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

网友评论

      本文标题:[CSS]css选择器(一)

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