精华内容
下载资源
问答
  • 复合选择器
    2022-03-15 09:29:41

    复合选择器可以更准确、更高效的选择目标元素(标签)

    复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的

    常用的复合选择器包括:后代选择器、子代选择器、并集选择器、伪类选择器等等

    1.后代选择器(子孙后代)

    后代选择器又称为包含选择器,可以选择父元素里面的子元素。

    语法: 元素1 元素2 {样式声明}

    表示选择元素1里面的所有元素2(后代元素)

    2.子选择器(亲儿子选择器)

    子元素选择器只能选择作为某元素的最近一级子元素,简单理解就是选亲儿子元素。

    语法: 元素1 > 元素2{样式声明}

    表示选择元素1里面的所有直接后代(子元素)元素2

    3.并集选择器

    并集选择器可以选择多组标签,同时为他们定义相同的样式。通常用于集体声明。

    任何形式的选择器都可以作为并集选择器的一部分

    语法:  元素1,元素2{样式声明}

    表示选择元素1和元素2

    4.伪类选择器

    伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第一个,第n个元素。书写用表示

    要按此顺序进行声明

    a:link       选择所有未被访问的链接

    a:visited 选择所有已被访问的链接

    a:hover 选择鼠标指针位于其上的链接

    a:active 选择活动链接(鼠标按下未弹起的链接)

    5.:focus伪类选择器

    :focus伪类选择器用于选取获得焦点(光标)的表单元素

    一般情况下<input>类表单元素才能获取,因此这个选择器也主要针对于表单元素来说

    input:focus{

    }

    更多相关内容
  • 本文实例讲述了jQuery中复合选择器简单用法。分享给大家供大家参考,具体如下: 一 介绍 复合选择器将多个选择器(可以是ID选择器、元素选择或是类名选择器)组合在一起,两个选择器之间以逗号“,”分隔,只要符合...
  • CSS复合选择器包括子选择器、相邻选择器、包含选择器、多层选择器嵌套、属性选择器、伪选择器和伪元素选择器,以上具体的使用如下,感兴趣的朋友可以学习下
  • CSS复合选择器

    2021-08-04 04:39:18
    复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器...

    复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。

    交集选择器

    交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.special。

    比如: p.one 选择的是: 类名为 .one 的 段落标签。

    使用率相对较少

    记忆技巧:

    交集选择器 是 并且的意思。 即...又...的意思

    并集选择器

    并集选择器(CSS选择器分组)是各个选择器通过逗号连接而成的,任何形式的选择器(包括标签选择器、class类选择器id选择器等),都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同,或部分相同,就可以利用并集选择器为它们定义相同的CSS样式。

    比如 .one, p , #test {color: #F00;} 表示 .one 和 p 和 #test 这三个选择器都会执行颜色为红色。 通常用于集体声明。

    记忆技巧:

    并集选择器 和 的意思, 就是说,只要逗号隔开的,所有选择器都会执行后面样式。

    后代选择器

    后代选择器又称为包含选择器,用来选择元素或元素组的后代,其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代。

    子元素选择器

    子元素选择器只能选择作为某元素子元素的元素。其写法就是把父级标签写在前面,子级标签写在后面,中间跟一个 进行连接,注意,符号左右两侧各保留一个空格。

    白话: 这里的子 指的是 亲儿子 不包含孙子 重孙子之类。

    比如: .demo > h3 {color: red;} 说明 h3 一定是demo 亲儿子。 demo 元素包含着h3。

    伪类选择器

    伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果, 比如可以选择 第1个,第n个元素。

    为了和类选择器相区别, 类选择器是一个点 比如 .demo {} 而我们的伪类 用 2个点 就是 冒号 比如 :link{}

    链接伪类选择器

    -:link /*未访问的链接*/

    -:visited /*已访问的链接*/

    -:hover /*鼠标移动到链接*/

    -:active /*选定的链接*/

    0013 CSS复合选择器:后代、子代、交集、并集、超链接伪类

    重点: 复合选择器 后代选择器 并集选择器 标签显示模式 CSS背景 背景位置 CSS三大特性 优先级 1. CSS复合选择器 目标 理解 理解css复合选择器分别的应用场景 应用 使用后代选择器给元 ...

    css复合选择器的权重

    选择器的权重 标签选择器的权重为0001 class选择器的权重为0010 id选择器的权重为0100 属性选择器的权重为0010 伪类选择器的权重为0010 伪元素选择器的权重为0010 包含选择器 ...

    CSS复合选择器是什么?复合选择器是如何工作

    复合选择器介绍 复合选择器其实很好理解,说白了就跟我们生活中的有血缘关系家庭成员一样,通过标签或者class属性或id属性,去找对应的有血缘关系的某个选择器,具体的大家往下看哦. 如果是初学者对基本的 ...

    CSS复合选择器和div盒子模型

    一.复合选择器(3种) 1.交集复合选择器 特点:由2个选择器组成,其中第一个必须是标签选择器,第二个是类或id选择器.两个选择器之间没有空格(有空格属于层级选择器)

    css学习&lowbar;css复合选择器

    css复合选择器 a.交集选择器  (即...又...:选择器之间不能有空格) p.one{color:red;] b.并集选择器(中间由逗号隔开) p,div{color:red;} c.后代选择器 ...

    CSS&period;01 -- 选择器及相关的属性文本、文字、字体、颜色、

    与html相比,Css支持更丰富的文档外观,Css可以为任何元素的文本和背景设置颜色:允许在任何元素外围设置边框:允许改变文本的大小,装饰(如下划线),间隔,甚至可以确定是否显示文本. 什么是CSS? ...

    CSS符合选择器

    CSS复合选择器 后代选择器 后代选择器又称为包含选择器,可以选择父元素里面的子元素.其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔,当标签发生嵌套时,内层标签就成为外层标签的后代 元 ...

    使用CSS的类名交集复合选择器

    首先先看一下基本定义: 复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括“交集”选择器.“并集”选择器.“后代”选择器. 交集选择器 “交集”复合选择器是由两个选择器直接连接 ...

    使用css的类名交集复合选择器 《转》

    复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括“交集”选择器.“并集”选择器.“后代”选择器. 交集选择器 “交集”复合选择器是由两个选择器直接连接构成,其结果是选中二者各 ...

    随机推荐

    Selenium2&plus;python 常用函数汇总

    1. driver = webdriver.Chrome()  --新建实例 2.driver.find_element_by_id("username") ---通过标签属性id ...

    How to force the UI to refresh immediately&lpar;WPF&rpar;

    Question 0 Sign in to vote Folks, In my application, when the user hits "Submit" button, I ...

    初识HTTP协议

    本篇文章从概念上初识HTTP协议,参考链接:http://www.runoob.com/http/http-tutorial.html 目录: 一.HTTP协议    HTTP 工作原理    HTT ...

    spring mvc返回json字符串数据,只需要返回一个java bean对象就行,只要这个java bean 对象实现了序列化serializeable

    1.spring mvc返回json数据,只需要返回一个java bean对象就行,只要这个java bean 对象实现了序列化serializeable 2. @RequestMapping(val ...

    asp&period;net 实现对xml文件的 读取&comma;添加&comma;删除&comma;修改

    用于修改站内xml文件 已知有一个XML文件(bookstore.xml)如下:<?xml version="1.0" encoding="gb2312" ...

    Tomcat参数设置,解决内存溢出问题

    Tomcat默认参数不适合生产环境使用,因此需要修改一些参数 1.修改启动时内存参数.并指定JVM时区 (在Windows Server 2008 下时间少了8个小时): 在Tomcat上运行j2ee ...

    Ajax提交form表单内容和文件(jQuery&period;form&period;js)

    jQuery官网是这样介绍form.js A simple way to AJAX-ify any form on your page; with file upload and progress s ...

    python locust 性能测试:locust安装和一些参数介绍

    安装参考 https://www.cnblogs.com/fnng/p/6081798.html ps:python3.7暂不支持locust:python3安装建 ...

    &lbrack;python&rsqb;python安装包错误

    “UnicodeDecodeError: ‘ascii’ codec can’t decode : ordinal not )” 在windows XP上 解决方法: Solution: ====== ...

    office web app server 文件预览部署&amp&semi;&amp&semi; wopi 集成使用

    对于需要进行office 套件文档预览的时候大部分大家使用的是插件,或者类似的,解决方案,微软已经为我们提供了比较好的解决 方案 office web app server (目前名称是office ...

    展开全文
  • 1、CSS简介和语法规范 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。 有时我们也会称之为 CSS样式表或级联样式表。 CSS 是也是一种标记语言。 ... CSS 让我们的网页更加...CSS 规则由两个主要的部分构成:选择

    1、CSS简介和语法规范

    • CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。 有时我们也会称之为 CSS样式表级联样式表
    • CSS 是也是一种标记语言。
    • CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式
    • CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML
      更漂亮,让页面布局更简单。

    CSS 规则由两个主要的部分构成:选择器以及一条或多条声明。
    在这里插入图片描述

    • 选择器是用于指定 CSS 样式的 HTML 标签,花括号内是对该对象设置的具体样式。
    • 属性和属性值以“键值对”的形式出现。
    • 属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。
    • 属性和属性值之间用英文“:”分开。
    • 多个“键值对”之间用英文“;”进行区分。

    2、CSS选择器

    CSS 选择器的作用:选择器(选择符)就是根据不同需求把不同的标签选出来,这就是选择器的作用。 简单来说,就是选择标签用的。

    选择器分为基础选择器复合选择器两个大类。

    2.1 基础选择器

    • 基础选择器是由单个选择器组成的。
    • 基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器

    (1)标签选择器(元素选择器)

    • 标签选择器(元素选择器)是指用 HTML 标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的 CSS 样式。

    (2)类选择器

    • 如果想要差异化选择不同的标签,单独选一个或者某几个标签,可以使用类选择器。
    • 类选择器在 HTML 中以 class 属性表示,在 CSS 中,类选择器以一个点“.”号显示。
    • 语法:.类名 { 属性1: 属性值1; ... }
    • 记忆口诀:样式点定义,结构类调用。一个或多个,开发最常用。

    (3)id 选择器

    • id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

    • HTML 元素以 id 属性来设置 id 选择器,CSS 中 id 选择器以“#" 来定义。

    • 语法:#id名 { 属性1: 属性值1; ... }

    注意:id 属性只能在每个 HTML 文档中出现一次

    口诀: 样式 # 定义,结构 id 调用, 只能调用一次,别人切勿使用

    (4)通配符选择器

    • 在 CSS 中,通配符选择器使用“*”定义,它表示选取页面中所有元素(标签)。
    • 语法:* { 属性1: 属性值1; ... }
    • 通配符选择器不需要调用, 自动就给所有的元素使用样式。
    • 特殊情况才使用,例如:清除所有的元素标签的内外边距。
    • * { margin: 0; padding: 0; }

    (5)基础选择器总结

    基础选择器作用特点使用情况用法
    标签选择器可以选出所有相同的标签,比如 p 标签不能差异化选择较多p {color: red;}
    类选择器可以选出1个或者多个标签可以根据需求选择非常多.nav {color: red;}
    id选择器一次只能选择1个标签id属性只能在每个HTML文档中出现一次一般和JS搭配使用#nav {color: red;}
    通配符选择器选择所有的标签选择的太多,有部分不需要特殊情况使用* {color: red;}
    • 每个基础选择器都有使用场景,都需要掌握。
    • 如果是修改样式, 类选择器是使用最多的。

    2.2 复合选择器

    在 CSS 中,可以根据选择器的类型把选择器分为基础选择器复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。

    • 复合选择器可以更准确、更高效的选择目标元素(标签)。

    • 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的。

    • 常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等。

    (1)后代选择器

    • 后代选择器又称为包含选择器,可以选择父元素里面的子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代。
    • 语法:元素1 元素2 { 样式声明 } 表示选择元素 1 里面的所有元素 2 (后代元素)
    • 例如:
    ul li { 样式声明 } /* 选择 ul 里面所有的 li标签元素 */
    
    • 元素1 和 元素2 中间用空格隔开
    • 元素1 是父级,元素2 是子级,最终选择的是元素2
    • 元素2可以是儿子,也可以是孙子等,只要是元素1 的后代即可
    • 元素1 和 元素2 可以是任意基础选择器

    (2)子选择器

    • 子元素选择器(子选择器)只能选择作为某元素的最近一级子元素。简单理解就是选亲儿子元素。
    • 语法:元素1 > 元素2 { 样式声明 } 表示选择元素1 里面的所有直接后代(子元素) 元素2。
    • 例如:
    div > p { 样式声明 } /* 选择 div 里面所有最近一级 p 标签元素 */
    
    • 元素1 和 元素2 中间用大于号隔开
    • 元素1 是父级,元素2 是子级,最终选择的是元素2
    • 元素2必须是亲儿子,其孙子、重孙之类都不归他管。你也可以叫他 亲儿子选择器。

    (3)并集选择器

    • 并集选择器可以选择多组标签,同时为他们定义相同的样式。通常用于集体声明。
    • 并集选择器是各选择器通过英文逗号(,)连接而成,任何形式的选择器都可以作为并集选择器的一部分。
    • 语法:元素1,元素2 { 样式声明 } 表示选择元素1 和 元素2。
    • 例如:
    ul,div { 样式声明 } /* 选择 ul 和 div标签元素 */
    
    • 元素1 和 元素2 中间用逗号隔开。
    • 逗号可以理解为的意思。
    • 并集选择器通常用于集体声明。

    (4)伪类选择器

    • 伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素。
    • 伪类选择器书写最大的特点是用冒号(:)表示,比如 :hover:first-child
    • 因为伪类选择器很多,比如有链接伪类、结构伪类等。

    链接伪类选择器注意事项:

    • 为了确保生效,请按照 LVHA 的循顺序声明 :link-:visited-:hover-:active
    • 记忆法:love hate 或者 lv 包包 hao 。
    • 因为 a 链接在浏览器中具有默认样式,所以我们实际工作中都需要给链接单独指定样式。
        <style>
            /* 1.未访问的链接 a:link  把没有点击过的(访问过的)链接选出来 */
            a:link {
                color: #333333;
                text-decoration: none;
            }
    
            /* 2.a:visited 选择点击过的(访问过的)链接 */
            a:visited {
                color: orange;
            }
    
            /* 3.a:hover 选择鼠标经过的那个链接 */
            a:hover {
                color: skyblue;
            }
    
            /* 4.a:active 选择的是我们鼠标正在按下还没有弹起鼠标的那个链接 */
            a:active {
                color: green;
            }
        </style>
    
    • 链接伪类选择器实际工作开发中的写法:
    /* a 是标签选择器 所有的链接 */ 
     a { 
     	color: gray;
     }
     /* :hover 是链接伪类选择器 鼠标经过 */
     a:hover { 
     	color: red; /* 鼠标经过的时候,由原来的 灰色 变成了红色 */
     } 
    

    (5):focus 伪类选择器

    • :focus 伪类选择器用于选取获得焦点的表单元素。
    • 焦点就是光标,一般情况 类表单元素才能获取,因此这个选择器也主要针对于表单元素来说。
    • input:focus { background-color:yellow; }
      意思是只要表单元素获取到了焦点,背景颜色就变成黄色。

    (6)复合选择器总结

    复合选择器作用特点使用情况隔开符号及用法
    后代选择器用来选择后代元素可以是子孙后代较多符号是空格 .nav a
    子代选择器选择最近一级元素只选亲儿子较少符号是大于 .nav>p
    并集选择器选择某些相同样式的元素可以用于集体声明较多符号是逗号 .nav,.header
    链接伪类选择器选择不同状态的链接跟链接相关较多重点记住a {}a:hover 实际开发的写法
    :focus选择器选择获得光标的表单跟表单相关较少input:focus记住这个写法

    3、CSS3 新增选择器

    CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。

    1. 属性选择器
    2. 结构伪类选择器
    3. 伪元素选择器

    3.1 属性选择器

    属性选择器可以根据元素特定属性的来选择元素。 这样就可以不用借助于类或者id选择器。

    在这里插入图片描述
    注意:类选择器、属性选择器、伪类选择器,权重为 10。

    3.2 结构伪类选择器

    结构伪类选择器主要根据文档结构来选择器元素, 常用于根据父级选择里面的子元素。
    在这里插入图片描述
    区别:

    • nth-child 对父元素里面所有孩子排序选择(序号是固定的) 先找到第 n 个孩子,然后看看是否和 E 匹配。
    • nth-of-type 对父元素里面指定子元素进行排序选择。 先去匹配E ,然后再根据E 找第 n 个孩子。

    注意:类选择器、属性选择器、伪类选择器,权重为 10。

    nth-child(n) 选择某个父元素的一个或多个特定的子元素(重点)

    • n 可以是数字,关键字和公式 。

    • n 如果是数字,就是选择第 n 个子元素, 里面数字从1开始。

    • n 可以是关键字:even 偶数,odd 奇数 。

    • n 可以是公式:常见的公式如下 ( 如果n是公式,则从0开始计算,但是第 0 个元素或者超出了元素的个数会被忽略)。
      在这里插入图片描述
      结构伪类选择器小结

    • 结构伪类选择器就是选择第 n 个。

    • Nth-child 从所有子级开始算的,可能不是同一种类型。

    • Nth-of-type 是指定同一种类型的子级,比如 ul li:nth-of-type(2) 是选择第2个 li。

    • 关于nth-child(n) 我们要知道 n 从 0 开始计算的,要记住常用的公式。

    • 如果是无序列表,我们肯定用 nth-child 更多。

    3.3 伪元素选择器

    伪元素选择器可以帮助我们利用CSS创建新标签元素,而不需要HTML标签,从而简化HTML结构。
    在这里插入图片描述
    注意:

    • before 和 after 创建一个元素,但是属于行内元素。
    • 因为在 dom 里面看不见刚才创建的元素,所以我们称为伪元素
    • 语法: element::before {}
    • before 和 after 必须有 content 属性
    • before 在父元素内容的前面创建元素,after 在父元素内容的后面插入元素。
    • 伪元素选择器标签选择器一样,权重为 1。

    伪元素选择器使用场景1:伪元素字体图标
    在这里插入图片描述

    <style>
        @font-face {
            font-family: 'icomoon';
            src: url('fonts/icomoon.eot?tomleg');
            src: url('fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
                url('fonts/icomoon.ttf?tomleg') format('truetype'),
                url('fonts/icomoon.woff?tomleg') format('woff'),
                url('fonts/icomoon.svg?tomleg#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }
        div {
            position: relative;
            width: 200px;
            height: 35px;
            border: 1px solid #000;
        }
        div::after {
            position: absolute;
            top: 10px;
            right: 10px;
            font-family: 'icomoon';
            /* 字体图标 */
            /* content: ''; */
            content: '\e91e';
            color: #000;
            font-size: 18px;
        }
    </style>
    

    4、CSS 优先级排序及对应的权重

    参考:css优先级及加载顺序/权重值以及css继承

    (1)选择器的优先级

    !important > 内联选择器(style)(1000)> id 选择器(100) > 类选择器、伪类选择器、属性选择器(10)> 标签选择器、伪元素(1) > 通用选择器(*)、子选择器(>)、相邻同胞选择器(+)(0)

    权重越大优先级越大。有!important 则!important最大

    补充:css属性选择器

    补充:css伪元素和伪类的区别

    • 行内样式>内部样式表>外部样式表(方式优先级)
    • 优先级关系:!important > 行内样式 > ID选择器 > 类选择器、伪类选择器、属性选择器 > 标签 、伪元素 > 通用选择器、子选择器、相邻选择器 > 继承 > 浏览器默认属性

    css中的优先级规则为:

    1. !important 的最优先;
    2. 其次权重高的优先;
    3. 权重相同则后定义优先,会覆盖前面的。

    (2)选择器的权重

    选择器权重
    !important10000
    内联选择器(style)1000
    id 选择器100
    类选择器 / 属性选择器 / 伪类选择器10
    元素选择器1
    通配符(*)0

    权值等级划分, 一般来说是划分4个等级:

    第一等级:代表 内联样式,如 style="",权值为 1,0,0,0;

    第二等级:代表 ID选择器,如 #id="", 权值为 0,1,0,0;

    第三等级:代表 calss | 伪类 | 属性 选择器,如 .class | :hover,:link,:target | [type], 权值 0,0,1,0;

    第四等级:代表 标签 | 伪元素 选择器,如 p | ::after, ::before, ::fist-inline, ::selection, 权值 0,0,0,1;

    此外,通用选择器(*),子选择器(>), 相邻同胞选择器(+)等选择器不在4等级之内,所以它们的权值都为 0,0,0,0;

    展开全文
  • 复合选择器: 目的是为了可以选择更准确更精细的目标元素标签 复合选择器是由两个或多个基础选择器通过不同的方式组合的 1.后代选择器 又称为包含选择器 作用:用来选择元素或元素的子孙后代 其写法就是把外层...

    复合选择器:

            目的是为了可以选择更准确更精细的目标元素标签

            复合选择器是由两个或多个基础选择器通过不同的方式组合的

    1.后代选择器 又称为包含选择器
                作用:用来选择元素或元素的子孙后代
                其写法就是把外层标签写在前面,内层标签写在后面,中间体用空格分隔,先写父亲爷爷,再写儿子孙子:
                    父级 子级{属性:属性值;属性:属性值;}
                语法:
                    .class h3{color:red;font-size:16px;}

                当标签发生嵌套时,内层标签就成为外层标签的后代
                子孙后代都可以这么选择,或者说,它能选择任何包含在内的标签

    2.子元素选择器
                作用:子元素选择器只能选择作为某元素子元素(亲儿子)的元素
                其写法就是把父级标签写在前面,子级标签写在后面,中间跟一个>进行连接
                语法:
                    .class>h3{color:red;font-size:14px;}

    3.交集选择器
                条件:交集选择器由两个选择器构成,找到的标签必须满足:既有标签一的特点,也有标签二的特点
                语法:
                    h3.class{color:red;font-size:25px;}
                    其中第一个选择器是标签选择器,第二个为class选择器,两个选择器之间不能有空格

    4.并集选择器
                应用:如果某些选择器定义的样式完全相同,或部分相同,就可以利用并集选择器为它们定义相同的CSS样式
                并集选择器(CSS选择器分组)是各个选择器通过,连接而成的
                语法:
                    .class,h3{color:red;font-size:14px;}

            任何形式的选择器(包括标签选择器、class选择器、id选择器等),都可以作为并集选择器的一部分
            记忆技巧:
                    并集选择器通常用于集体声明,逗号隔开的,所有选择器都会执行后面样式,逗号可以理解为和的意思

    5.链接伪类选择器
                伪类选择器:与类选择器相区别,用 冒号: 区别
                作用:用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,比如可以选择第1个、第n个元素
                a:link /*未访问的链接*/
                a:visited /*已访问的链接*/
                a:hover /*鼠标移动到链接上*/
                a:active /*选定的链接*/
                注意:
                    写的时候他们的顺序尽量不要颠倒,按照lvha的顺序
                    因为叫链接伪类,所以都是利用交集选择器
                    因为a链接浏览器具有默认样式,所以我们实际工作中都需要给链接单独指定样式

    展开全文
  • 复合选择器对checkbox的相关操作 <input type=checkbox id=ckb_1 /> <input type=checkbox id=ckb_2 disabled=true /> <input type=checkbox id=ckb_3 /> <input type=checkbox id=ckb_4 /&...
  • CSS复合选择器一.交集选择器二.并集复合选择器三.层级选择器1.后代元素复合器2.子元素复合选择器3.临近兄弟选择器4.普通兄弟选择器四.伪类与伪元素选择器0.“伪”是什么?1.伪类选择器2.伪元素选择器五.属性选择器 ...
  • CSS提高篇(复合选择器

    千次阅读 多人点赞 2020-10-28 22:10:59
    CSS复合选择器后代选择器交集选择器并集选择器 后代选择器 在CSS选择器中通过嵌套的方式,对特殊位置的HTML标签进行声明,外层的标签写在前面,内层的标签写在后面,之间用空格分隔,标签嵌套时内层的标签成为外层...
  • 在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。 1、复合选择器可以更准确、更高效的选择目标元素(标签) 2、复合选择器是...
  • 四种CSS 复合选择器

    千次阅读 2020-12-23 02:50:47
    接着【四种CSS 基础选择器】整理总结【四种CSS 复合选择器】相关知识,包括后代选择器、子选择器、并集选择器和伪类选择器
  • 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,包括:后代选择器、子选择器、并集选择器和伪类选择器等。 基础选择器 1.标签选择器 标签选择器的语法格式如下: 标签名{ 属性1:属性值2; 属性...
  • PAGE / NUMPAGES 首先先看一下基本定义 复合选择器就是两个或多个基本选择器通过不同方式连接而成的选择器主要包括交集选择器并集选择器后代选择器? 交集选择器 交集复合选择器是由两个选择器直接连接构成其结果是...
  • 文章目录jQuery基本选择器js选择器(原生选择器) jQuery基本选择器 1. ID选择器 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素,并以iQuery包装集的形式返回给对象。 使用公式:$("#id") 示例:$("#box")...
  • JQuery之复合选择器

    千次阅读 热门讨论 2018-02-22 11:42:31
    选择器理所当然的分为:基本选择器和复合选择器,今天小咸儿就来讲述一下什么是复合选择器。 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;概念:JQuery复合选择器就是将多
  • CSS复合选择器 什么是复合选择器? 在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器复合选择器是建立在基础选择器之上,对基本选择器进线组合形成的。 符合选择器可以更加准确、更高效的选择...
  •  为什么要用复合选择器?因为基础选择器不够强大,不能快速高效准确精细的完全页面style设置。复合选择器是两个或多个基础选择器组合而成的。  作用:用来选择元素或者元素的子孙后代  写法:把外层标签写在...
  • 复合选择器是由两个或读个基础选择器,通过不同的方式组合成的,目的是为了可以选择更准确的目标元素。一、交集选择器例如:&lt;div class="orange"&gt;I am P1&lt;/div&gt; &lt;p ...
  • Web前端.DAY4-7-复合选择器.avi
  • 复合选择器-交集选择器

    千次阅读 2020-05-14 18:48:56
    1.3 交集选择器 - 条件 交集选择器由两个选择器构成,找到的标签必须满足:既有标签一的特点,也有标签二的特点。 - 语法: - 其中第一个为标签选择器,第二个为class选择器,两个选择器之间**不能有空格**,如h3...
  • 复合选择器 样式.md

    2020-02-11 11:52:05
    交集选择器 并集选择器 后代选择器 子代选择器 相邻元素选择器 兄弟元素选择器 外边距 内边距 边框 怪异盒模型 父子元素外边距合并 兄弟元素外边距合并
  • html复合选择器

    千次阅读 2020-03-08 19:47:38
    基本选择器:标签选择器、class类名选择器(.name)、id选择器(#name) 高级选择器:后代元素选择器、子代选择器、兄弟元素选择器、相邻元素选择器 后代元素选择器: 后代元素选择器是一个空格,空格前后各有一个选择...
  • 任务9 复合选择器通配符选择器 第四单元 CSS3基础 学习目标 通配符选择器 交集选择器 并集选择器 后代选择器 如何同时应用多个样式 了解: 学习目标 任务目标 实战演练制作寓言故事网页 任务目标 强化训练制作诗词...
  • CSS选择器-复合选择器

    2020-12-08 15:22:25
    CSS选择器——复合选择器 CSS复合选择器分为四类:后代选择器、子选择器、并集选择器、伪类选择器 后代选择器: 后代选择器在我们日常的编程中是非常重要的,它能选择父代元素里面的所有子代元素,添加效果,减少...
  • 什么是复合选择器 在CSS中,根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。
  • 主要介绍了jQuery中复合属性选择器用法,实例分析了复合属性选择器匹配同时满足多个属性条件元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 114,807
精华内容 45,922
关键字:

复合选择器

友情链接: teest3.zip