首页 > 其他分享 >后代选择器

后代选择器

时间:2023-08-21 23:55:26浏览次数:29  
标签:color 后代 yuwen li ul 选择器

 作用: 选中指定元素中, 符合要求的后代元素

 

语法:  选择器1 选择器2 选择器3 选择器n......

多个选择器通过空格隔开, 空格的意思可以理解为什么中的其实就是后代的意思

 

举例:

/* ul中的li为红色 */ ul li { color: red; }   ol li { color: gold; } /* ul中的.yuwen为蓝色 */ ul .yuwen { color: aqua; }   ul .shuxue { color: blanchedalmond; }

 

注意:

  1. 后代选择器效果最终呈现在后代上,比如ul中的li,那么效果一定是落在了li上
  2. 儿子,孙子,重孙子都算是后代
  3. 结构一定要符合HTML结构的要求,比如p标签中不能嵌套h1标签,否则样式不会生效,可以按F12看浏览器转换后的结构

标签:color,后代,yuwen,li,ul,选择器
From: https://www.cnblogs.com/wangzaiting/p/17647381.html

相关文章

  • 网页颜色选择器,有时候需要选颜色时使用。
    效果颜色选择器.html<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>RGB网页颜色在线取色器</title><metaname="keywords"co......
  • 并集选择器
     作用:选中多个选择器对应的元素,又称:分组选择器所谓并集就是或者的含义,比如要么......要么......的意思,比如要么在一起要么我滚 语法: 选择器1,选择器2,选择器3,选择器n......多个选择器通过逗号进行链接,这里的逗号其实就是或者的意思 举例:#text,.re......
  • WPF实现Element UI风格的日期时间选择器
    背景业务开发过程中遇到一个日期范围选择的需求,和ElementUI的DateTimePicker组件比较类似,由两个日历控件组成,联动选择起始时间和结束时间。问题WPF中提供了一个DatePicker的控件,主要由DatePickerTextBox、Button和一个Calendar组成,其中Calendar是后台代码动态添加的,因此不能直......
  • 7 CSS选择器优先级
    7选择器优先级所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。/*!important>行内样式>ID选择器>类选择器>标签>通配符>继承>浏览器默认属性1内联样式表的权值最高style=""1000;......
  • 5 CSS伪类选择器
    5伪类选择器anchor伪类:专用于控制链接的显示效果MoreActions:linka:link选择所有未被访问的链接。:visiteda:visited选择所有已被访问的链接。:activea:active选择活动链接。:hovera:hover选择鼠标指针位于其上的链接。<style>a:link{......
  • 4 CSS属性选择器
    4属性选择器属性选择器是通过元素的属性及属性值来选择元素的。下面介绍属性选择器的用法。第一种用法作用:选择含有指定属性的元素。语法:[属性名]{}示例如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>属性选择器</title><s......
  • 3 CSS组合选择器
    3组合选择器页面元素比较复杂,存在多个嵌套。为了更加灵活选择页面中的元素,CSS中还提供了组合选择器。组合选择器就是将多个基本选择器通过一定的规则连接起来组成一个复杂选择器。后代子代选择器<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><tit......
  • 2 css基本选择器
    2基本选择器id选择器id选择器使用“#”进行标识,后面紧跟id名,其基本语法格式为:#id名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}该语法中,id名即为HTML元素的id属性值。大多数HTML元素都可以定义id属性,元素的id值是唯一的,只能对应于HTML中某一个具体的元素。id选择器不支......
  • $ jquery 选择器的使用
    一、$()函数【jquery()】用途包装DOM元素,以便于操作(jquery选择器)作为几个通用的实用工具函数的命名空间前缀,例如,删除字符串前后空格的实用函数,其调用方法如:$.trim(str);文档就绪处理程序:包装文档实例,然后调用ready()方法,当文档为操作准备就绪的时候就执行该函数创建DOM元素,通......
  • $("选择器").on详细用法
    $("选择器").on(事件,函数)是jQuery中绑定事件的方法,其详细用法如下:"选择器":表示要绑定事件的元素,可以是元素的id、class、标签名、属性名等。事件:表示要绑定的事件类型,比如click、mouseover、keydown等。函数:表示要执行的事件处理函数,可以是匿名函数或者已经定义好的函数。......