那个为什么后面选择器改到后代选择器就无法运行了css

2024-10-25

CSS后代选择器可能的错误认识

一.关于类选择器的一个问题 CSS代码: .red { color: red; } .green { color: green; } HTML代码: <div class="red"><div class="green"><p>1. 颜色是?</p></div></div> <div class="green"><div class="red&qu

子代选择器是指紧接着父级的那个标签,如:container>a指的是紧接着container后面的第一个a(儿子级别的,孙子或者之后的a是不能生效的) 后代选择器是用空格分开的,如:container a指的是continent里面所有的a(儿子,孙子,重孙子……都会生效) 详细说明:http://jingyan.baidu.com/article/b0b63dbfee7fe64a48307083.html

HTML连载18-id选择器与class区别&class选择器使用思路&后代选择器

一.id选择器和classable选择器的区别选择器 CSS中的开头 HTML标签可以绑定几个是否可重复用途 id选择器 # 仅能一个不可以重复(一个标签里仅有一个) 一般情况下是给JS用的,除非特殊情况下才给设置样式用 class选择器 . 可以多个可以重复(多对多的关系) 专门用来设置样式的二.选择器的技巧可以节省代码行数看好问题:做一个网页 “我是好人”(颜色:红色:格式:宋体) “我是学生”(颜色:绿色:格式:宋体) ”我是坏人“(颜色:红色:格式:楷体) 正常的编码是:就

小tip: CSS后代选择器可能的错误认识——张鑫旭

一.关于类选择器的一个问题假设有下面一个面试题,CSS代码如下: .red { color: red; } .green { color: green; } HTML如下: <div class="red"><div class="green"><p>1. 颜色是?</p></div></div> <div class="green"><div class

css的高级选择器,后代选择器,子代选择器,并集选择器,交集选择器

高级选择器: 后代选择器子代选择器并集选择器交集选择器一.后代选择器: 使用空格表示后代选择器,父元素的后代(包括儿子,孙子,从孙子) 也就是说,box类下的所有span标签字体颜色都被设置为了红色 .box span{ color:red; } 二.子代选择器: 使用>表示子代选择器. 之选中box类下第一层的span标签设置为红色 .box>span{ color:red; } 三.并集选择器: 多个选择器之间用逗号隔开,表示选中页面中的多个标签, 一些共性的元素可以使用并集选

CSS选择器（通配符选择器、标签选择器、类选择器、id选择器、群组选择器、后代选择器、子元素选择器和相邻元素选择器）

通配符选择器 * 与任何元素匹配派生选择器: 后代选择器(包含选择器):后代选择器可以选择作为元素后代的元素 A B 对A元素中的B元素应用样式后代选择器中两个元素间的层次间隔可以是无限的(也可A B C) ,以上 A B 应用样式会选择从A继承的所有B元素子元素选择器:只选择某个元素的子元素 A > B 只对A 元素的B元素起作用相邻兄弟选择器:可选择紧挨在另一元素,且二者有相同父元素. A + B 选择紧挨在A 元素后面的B元素,两个元素有相同的父元素

H5 14-后代选择器和子元素选择器

14-后代选择器和子元素选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>14-后代选择器和子元素选择器</title> </head> <body> <!-- 1.后代选择器和子元素选择器之间的区别? 1.1 后代选择器使用空格作为连接符号子元素选择器使用>作

python 之前端开发（基本选择器、组合选择器、交集与并集选择器、序列选择器、属性选择器、伪类选择器、伪元素选择器）

11.3 css 11.31 基本选择器 11.311 id选择器根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #p1 {color: red;} 引用id一定要加# #p2

CSS 后代选择器

后代选择器(descendant selector)又称为包含选择器. 后代选择器可以选择作为某元素后代的元素. 根据上下文选择元素我们可以定义后代选择器来创建一些规则,使这些规则在某些文档结构中起作用,而在另外一些结构中不起作用. 举例来说,如果您希望只对 h1 元素中的 em 元素应用样式,可以这样写: h1 em {color:red;} 上面这个规则会把作为 h1 元素后代的 em 元素的文本变为红色.其他 em 文本(如段落或块引用中的 em)则不会被这个规则选中: <h1>Th

【学】jQuery的源码思路1——后代选择器

jQuery的源码思路1--后代选择器这里探讨一下jQuery中后代选择器的封装原理,并自己写一下 getEle('#div1 ul li .box');接受的参数就是个后代选择器,类似于这样: #div1 ul li .box id/tagname/class div#div1 div.box input[type=button] li:eq(3)/lt(3)/gt(3) li:first/last/odd/even function getEle(str){ var arr = str.m

css后代选择器（div.class中间不带空格）

如果我要查找<div>上用了.class的元素,查找方法:div.class:中间是不空格的. 以上这种形式为css后代选择器参考:http://www.w3school.com.cn/css/css_selector_descendant.asp

jquery :checked(过滤选择器) 和空格:checked(后代选择器)

jquery 过滤选择器和后代选择器 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="/WEB-INF/jsp/common/base.jsp"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HT

CSS后代选择器,子选择器和相邻兄弟选择器

平时在代码练习中,经常用到后代选择器,子选择器也会用到,这里做个总结: 1,后代选择器和子选择器区别: ①写法不一样:后代选择器的标识为:空格如:ul li{width:150px;} [ul和li之间用空格隔开]子选择器的标识为:> 如:ul>li{width:150px;}[ul和li之间用>隔开]相邻兄弟选择器的标识为:+ 如:h1 + p {margin-top:50px;}［h1和p之间用+隔开］ ②功能不一样:后代选择器(descendant selector),又称为包含

css——子代与后代选择器

一直都以为,子代选择器与后代选择器作用是一样的,都是选择一个元素下面的子元素,直到今天才明白: 1.子代选择器(用<连接):ul>li 子选择器仅仅选择ul包围的子元素中的 li元素,不包括孙元素.曾孙元素等: 2.后代选择器(用空格连接):ul li 后代选择器是选择ul包围的所有元素中的所有li元素,包括子元素.孙元素.曾孙元素等:

CSS 子元素选择器与后代选择器区别实例讲解

css子元素选择器和后代选择器在功能描述上非常相同,但是他们其实是有区别的,本文章通过两个简单的实例向大家介绍子元素选择器与后代选择器的区别,需要的朋友可以参考一下. 首先我们来了解一下子元素选择器与后代选择器的基本语法语法子元素选择器的语法如下: div>ul{color:red:} 子元素选择器使用大于号">"做为连接符,子元素选择器只能选择作为某元素子元素的元素后代选择器的语法如下: h1 em{color:red;} 后代选择器可以选择作为某元素后代的元素,父

css 串联选择器和后代选择器

串联选择器:作用在同一个标签上 <div class=”a” id ="qq"><span>look at the color</span></div> css: #qq.a{ …. } 后代选择器:作用在不同标签上 <div id ="qq"><span class=”a”>look at the color</span></div> css: #qq .a{ } 注

CSS之后代选择器与多类选择器

<新人报到,欢迎拍砖#- -> 一.后代选择器说起CSS的后代选择器.它属于派生选择器中的一种,两者附属关系如下: -->派生选择器 ----CSS 后代选择器 ----CSS 子元素选择器 ----CSS 相邻兄弟选择器那么问题来了,什么时候需要用到后代选择器嘞?假设你需要为p元素中的span元素(.A类)设置特殊样式,可以用后代选择器选择该元素: /*方式1*/p span{...}/*方式2*/p .A{...} 注意,上述代码的两个选择器间以空格空格空格分隔.另外,后代选择器

web CSS的知识- 关于后代选择器，子选择器，兄弟选择器的使用

1. 后代选择器官方解释:后代选择器可以选择作为某元素后代的元素.理解:选择某一标签的后代中,所有的此标签标记例:ul em {color:red;}就是选择,h1标签后代中中,所有的em.代码如下:如果选择器写作 ul em,这个语法就会选择从 ul 元素继承的所有 em 元素,而不论 em 的嵌套层次多深.红色标签就是受影响的标签 <ul> <li>List item 1 <ol> <li>List item 1-1</li> <li&

CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解

派生选择器用的很多,派生选择器具体包括为后代选择器.子元素选择器.相邻兄弟选择器,我们来理解一下他们之间的具体用法与区别. 1.css后代选择器语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子还是孙子,只要是都会被选中,为后代选择器.例如 <html> <head> <style type="text/css"> ul em {color:red;

H5 后代选择器

12-后代选择器我是段落我是段落我是段落我是段落我是段落我是段落 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>12-后代选择器</title> <style> /* div p{ color: red; } */ /* #identity p{ color: red; } */