CSS【04】：CSS组合选择器

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_03_01_CSS组合选择器

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…

CSS【04】：CSS组合选择器

组合选择器群组(并集)选择器作用:给所有选择器选中的标签设置属性,可以同时控制多个选择器格式: 选择器1, 选择器2 { 属性: 值; } 注意点: 必须使用,来连接选择器可以使用标签名称.id名称.类名称后代选择器作用:找到指定标签的所有特定的后代标签,设置属性格式: 标签名称1 标签名称2 { 属性: 值; } 先找到所有名称叫做"标签名称1"的标签,然后再在这个标签下面去查找所有名称叫做"标签名称2"的标签,然后在设置属性注意点: 后代选择器必…

CSS 简介、选择器、组合选择器

#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…

[04-01]css组合选择器

/* 私人笔记 */ 组合选择器:把基本选择器通过特殊符号串在一起,可以带来一些特殊的意义: 1.源码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>组合选择器</title> <link rel="stylesheet" href="4.css">…

CSS 组合选择器

CSS 组合选择器注:使用逗号分隔,同时应用. 多个id选择器拼接到一起含有:i1 i2 i3的标签同时应用css样式. <html> <head>  <style> /*可将多个id选择器名称拼接到一组*/ #i1,#i2,#i3{ /* 改变背景颜色 */ background-color: #2459a2; /* 改变字体颜色 */ color: white; } </style> </h…

python 46 css组合选择器及优先级、属性选择器

一:css组合选择器特性:每个选择器位可以为任意基本选择器或选择器组合选择器分为以下几类: 群组选择器,子代(后代)选择器,相邻(兄弟)选择器,交集选择器,多类名选择器 1.群组选择器: div,sqan, .red, #div { color : red } 一次性控制多个选择器选择器之间以 ,(逗号) 隔开,每一个选择器位均可以任意合法选择器或选择器组合 2.子代(后代)选择器: 子代选择器用 > 连接 body > div { color : red ; } …

2、前端--初见前后端交互、CSS简介、基本选择器、组合选择器、属性选择器、分组与嵌套、伪类选择器

今日内容概要初窥后端框架 css简介 css选择器今日内容详细初次体验前后端交互 # 代码无需掌握只看效果即可 """后端框架:可以简单的理解为别人写好的一个非常牛逼的TCP服务端""" 以flask框架为例>>>:第三方框架 pip3 install flask 前端通过标签获取用户数据发送给后端的过程中标签需要有name属性相当于字典的key 用户输入的数据会存储到标签的value属性中相当于字典的value…

前端知识之CSS(1)-css语法、css选择器（属性、伪类、伪元素、分组与嵌套）、css组合器

目录前端基础之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的标签…

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