美文网首页
CSS选择器

CSS选择器

作者: Zacks_8407 | 来源:发表于2017-04-18 11:14 被阅读0次

1.标签选择器

注意点:1.标签选择器选中的当前界面中所有的标签。

              2.标签选择器不论藏得多深,都能被选中。

              3.只要是HTML中的标签,都能作为标签选择器.

2.ID选择器

注意点:1.每个HTML标签都有一个属性叫ID,也就是说HTML所用标签都可以添加ID属性。

              2.在统一界面中ID是不能重复的。

              3.在编写ID选择器时,一定要在ID前加上#号。

              4.ID命名一定要规范。

              5.ID的名称只能有字母/数字,下划线(0-9、 a-z、  _)。

              6.ID的名称不能以数字开头,否则无效。

              7.ID的名称不能是以HTML标签来命名的。

              8我们不会使用ID选择器,它是给JS程序员来用的。

3.类选择器

格式:<标签名称 class="类名1 类名2......">     一个标签可以绑定多个类名。

4.后代选择器

作用:找到指定标签的所用后代标签,设置属性。

注意点:1.后代选择器必须用空格隔开。

              2.后代不仅仅包括儿子,也包括孙子/重孙子。

              3.后代不仅仅可以使用后代选择器,也可以使用其他的选择器。

5.子元素选择器

作用:找到指定标签中所用特定的直接子元素,然后设置属性。

格式:标签名称1>标签名称2{属性:值}

在找到叫"标签名称1"的标签,然后在这个标签中查找所有直接子元素叫"标签名称2"的标签。

注意点:1.子元素选择器只会查找儿子,不会查找其他被嵌套的标签。

              2.子元素选择器之间需要用>符号连接,并且不能有空号。

              3.子元素选择器不仅仅可以使用标签名称,还可以是其他我的选择器。

              4.子元素选择器可以通过>符号一直延续下去。

6.并集选择器

格式:标签名称1,标签名称2,{属性:值;}

作用:给所用被选中的标签设置属性。

7.兄弟选择器

1.相邻兄弟选择器(css2)

作用:给指定选择器的紧跟的那个选择器选中的标签设置属性。

格式:选择器1+选择器2{属性:值;}(紧跟的选择器1后面的选择器2设置属性。)

注意点:1.相邻兄弟选择器之间用+连接。

               2.相邻兄弟选择器只能选中紧跟在它后面的标签,不能选择被隔开的标签。

2.通用兄弟选择器(css3)

作用:给指定选择器后面的所有标签设置属性。

格式:选择器1~选择器2{属性:值;}(选择器1后面的所有选择器2设置属性。)

注意点:1.通用兄弟选择器之间用~连接。

              2.通用兄弟选择器选中的是指定选择器后面某个选择器中所有的标签,无论有无被隔开都可以被选中。

相关文章

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