美文网首页
CSS选择器的区分

CSS选择器的区分

作者: f1972ad6d3bf | 来源:发表于2017-12-11 22:41 被阅读11次

最近在写一个网站的静态页面,开始了自学前端的编程知识。其中有关CSS选择器几点,搞了很久才搞明白,特地记录下来。

多类选择器

如果希望将一个特定的元素同时标记为重要(important)和警告(warning),就可以写作:

.important {font-weight:bold;}.

warning {font-style:italic;}.

important.warning {background:silver;}

记住,important和warning之间是没有空格的(如果有空格,那完全试另外一个意思了----后代选择器)。

后代选择器

如果您希望只对 h1 元素中的 em 元素应用样式(不论下面多少个层级)。
h1 em {color:red;}
你要选择important类下,warning类的所有元素,那就应该这样:
important .warning {background:silver;} (记住中间有空格的哦)

子元素选择器

如果不希望选择所有后代,之选择下面的直接后代,那就应该这样来写。

h1 > em {color:red;} 
`important  > .warning {background:silver;} 

相关文章

  • CSS3学习笔记(三)

    CSS3选择器 属性选择器:通过id属性可将不同div元素进行区分。 在CSS2中引入了一些属性选择器,而CSS3...

  • CSS选择器(一)

    css选择器是区分大小写的,因为要准确的匹配元素名称和属性值。 下面我们来讲一下css选择器: 一,通用选择器 1...

  • web学习CSS2:选择器

    1.CSS选择器 1.1标签选择器 1.2类选择器 1.3 ID选择器 注意:Class 和 id 的值区分大小写...

  • CSS选择器

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

  • CSS选择器

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

  • CSS选择器的区分

    最近在写一个网站的静态页面,开始了自学前端的编程知识。其中有关CSS选择器几点,搞了很久才搞明白,特地记录下来。 ...

  • css选择器

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

  • CSS 选择器

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

  • CSS选择器

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

  • Sublime 学习web的css

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

网友评论

      本文标题:CSS选择器的区分

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