CSS【04】:CSS组合选择器】的更多相关文章

<div class="gradefather"> hello1 <div class="father">hello2 <p class="son">hello4</p> </div> <p>hello3</p> <p>hello5</p> </div> 一.A,B :任意选择器 A or B div,p { #所有div或者p…
CSS的引入与选择器 CSS与HTML的关系 Cascading Style Sheet 即层叠样式表 在上一篇文中,已经介绍了一些非常常用的HTML标签,接下来将步入CSS的学习,如果将单纯HTML构成的页面当做是一副素描画,那么CSS就是为这幅画进行上色的. 当然,CSS也可以对HTML文档进行布局,在最早没有出现CSS的时候,HTML布局大多都采用<table>标签进行布局,那么CSS诞生之后就不用那么做了,使用CSS进行布局非常方便. CSS的学习非常简单,我们可以大体给他分为2部分:…
CSS组合选择器 第01步:创建css:with.css @charset "utf-8"; /* 组合选择器,用","隔开 */ .a,.b,div span.sp{ background-color:#0F0; color:#F00 } /*span的样式*/ div.di_01{ background-color:#; color:# } 第02步:创建html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM…
组合选择器 群组(并集)选择器 作用:给所有选择器选中的标签设置属性,可以同时控制多个选择器 格式: 选择器1, 选择器2 { 属性: 值; } 注意点: 必须使用,来连接 选择器可以使用标签名称.id名称.类名称 后代选择器 作用:找到指定标签的所有特定的后代标签,设置属性 格式: 标签名称1 标签名称2 { 属性: 值; } 先找到所有名称叫做"标签名称1"的标签,然后再在这个标签下面去查找所有名称叫做"标签名称2"的标签,然后在设置属性 注意点: 后代选择器必…
#CSS 装饰器引入<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小米商城标题栏</title> <style> /*去除边距*/ body{ margin: 0; padding: 0; } body{ color: red; } #title { background-color:rgb(0,30,50); width:%10…
/* 私人笔记 */   组合选择器:把基本选择器通过特殊符号串在一起,可以带来一些特殊的意义: 1.源码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>组合选择器</title> <link rel="stylesheet" href="4.css">…
CSS 组合选择器 注:使用逗号分隔,同时应用. 多个id选择器拼接到一起 含有:i1 i2 i3的标签同时应用css样式. <html> <head> <!-- style 设置头部标签 --> <style> /*可将多个id选择器名称拼接到一组*/ #i1,#i2,#i3{ /* 改变背景颜色 */ background-color: #2459a2; /* 改变字体颜色 */ color: white; } </style> </h…
一:css组合选择器 特性:每个选择器位可以为任意基本选择器或选择器组合 选择器分为以下几类: 群组选择器,子代(后代)选择器,相邻(兄弟)选择器,交集选择器,多类名选择器 1.群组选择器:    div,sqan,  .red,  #div { color : red } 一次性控制多个选择器 选择器之间以 ,(逗号) 隔开,每一个选择器位均可以任意合法选择器或选择器组合 2.子代(后代)选择器:    子代选择器用 > 连接 body > div { color : red ; }   …
今日内容概要 初窥后端框架 css简介 css选择器 今日内容详细 初次体验前后端交互 # 代码无需掌握 只看效果即可 """后端框架:可以简单的理解为别人写好的一个非常牛逼的TCP服务端""" 以flask框架为例>>>:第三方框架 pip3 install flask 前端通过标签获取用户数据发送给后端的过程中 标签需要有name属性 相当于字典的key 用户输入的数据会存储到标签的value属性中 相当于字典的value…
目录 前端基础之css 1.关于css的介绍 2.css语法 3.三种编写CSS的方式 3.1.style内部直接编写css代码 3.2.link标签引入外部css文件 3.3.标签内直接书写 4.css四个基本选择器(标签选择器.类选择器.id选择器.通用选择器) 5.css组合器(重点) 5.1.后代选择器(特征为空格)空格的意思就是后代 5.2.儿子选择器(特征>) 5.3.毗邻选择器(特征为+) 5.4.弟弟选择器(特征为~) 6.css属性选择器 6.1.查找属性名含有name的标签…