CSS选择器

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.通用兄弟选择器选中的是指定选择器后面某个选择器中所有的标签,无论有无被隔开都可以被选中。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 3,490评论 0 0
  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    极客江南阅读 14,048评论 10 109
  • ## CSS选择器 # 标签选择器 # id选择器 # 类选择器 # 后代选择器 # 子元素选择器 # 交集选择器...
    KsKison阅读 3,688评论 0 0
  • 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性格式...
    e919b03f06c2阅读 2,286评论 0 0
  • 骄阳似火的七月,“三下乡”的钟声在我校已经敲响。没有经历过痛苦的雕琢,怎能有一颗坚毅勇敢的内心?没有经历过挫折...
    POUY阅读 1,742评论 0 0

友情链接更多精彩内容