资讯专栏INFORMATION COLUMN

课时76.兄弟选择器(掌握)

snowLu / 1342人阅读

摘要:我们先来明确一点,什么是兄弟比如,和是兄弟,必须是同级关系,如果是嵌套关系,儿子,孙子则不可以。

我们先来明确一点,什么是兄弟?

比如,head和body是兄弟,必须是同级关系,如果是嵌套关系,儿子,孙子则不可以。

1.相邻兄弟选择器 CSS2

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

格式:

      选择器1+选择器2{

            属性:值;

}

我们将两个紧跟在h1之后的p标签都设置成了红色,如果我们在第一个h1标签之后添加一个a标签,则这个就没有用处来

  

注意点:

1.相邻兄弟选择器必须通过+连接

2.相邻兄弟选择器只能选中紧跟其后的那个标签,不能选中被隔开的标签

2.通用兄弟选择器  CSS3

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

格式:

选择器1~选择器2{

               属性:值;

}

必须用英文符号打出来~,中文打出来打则无效

只要是在h1之后的p标签就会被设置成红色,无论它们之间有没有a标签,都并不影响

注意点:

1.通用兄弟选择器必须用~连接

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2119.html

相关文章

  • 我是如何学习游戏引擎的?

    摘要:下面列举了游戏开发中常见的岗位以及两条常见的协作开发的流水线其实学习游戏引擎,前期对于任何岗位来说路线都是相似的,基本上就是一个熟悉基本操作理解基本概念拓展专业知识的过程。当然这不是绝对的,任何引擎的开始阶段和大成阶段都是相似的。 这是【游戏开发那些事】第51篇原创 前言:游戏引擎,表面...

    未东兴 评论0 收藏0
  • 课时71.后代选择掌握

    摘要:什么是后代选择器作用找到指定标签的所有后代标签,设置属性。首先你要明确什么是后代你的儿子,孙子,重孙子等,只要有你的血脉的,都是你的后代。1.什么是后代选择器? 作用:找到指定标签的所有后代标签,设置属性。 首先你要明确什么是后代? 你的儿子,孙子,重孙子等,只要有你的血脉的,都是你的后代。 我们先来举个例子 我们想让div中的标签变红 1.用标签选择器可以做吗? 不可以,它会选中页面上的...

    lixiang 评论0 收藏0
  • 课时67.标签选择掌握

    摘要:什么是标签选择器作用根据指定的标签名称,在当前界面中到所有该名称的标签,然后设置属性。格式标签名称属性值注意点标签选择器选中的是当前界面中的所有的标签,而不能单独选中某一个标签。标签选择器无论标签隐藏的多深都能选中。通过上节课的学习我们明白了如何通过十六进制来表示颜色 例如:红色的几种表示方法 我们发现在学习CSS当中的一些属性的时候,它都有一些套路 只要知道属性的名称,属性有什么作用,它...

    mikasa 评论0 收藏0
  • 课时72.子元素选择掌握

    摘要:什么是子元素选择器作用找到指定标签中所有特定的直接子元素,然后设置属性。子元素选择器可以通过符号一知延续下去1.什么是子元素选择器? 作用:找到指定标签中所有特定的直接子元素,然后设置属性。 格式: 标签名称1>标签名称2{                          属性:值; } 先找到名称叫做标签名称1的标签,然后在这个标签中查找所有直接子元素名称叫做标准名称2的元素    注意...

    Bowman_han 评论0 收藏0
  • 课时61.文字相关属性(掌握

    摘要:那么我们怎么知道哪些是选择器哪些是属性呢我们打开的官方文档选择,然后选择基础教程选择基础语法,如下图所示从这里我们可以看到相关的结构从本课时我们就开始来学习CSS,其实学习CSS非常简单,主要就是学习两大块内容,一块是CSS选择器,一块就是属性的知识,把这两块内容学完了你的CSS就学完了,那么什么是我们的CSS的选择器呢?什么又是我们的CSS属性呢?属性其实就是我们写在大括号中的内容就是我们...

    RebeccaZhong 评论0 收藏0

发表评论

0条评论

snowLu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<