CSS基础-派生选择器

一、派生选择器：通过依据元素在其位置的上下文关系来定义样式

html：

<p><strong>p标签：hello css</strong></p>

<ul>    <li><strong>li标签：hello css</strong></li></ul>

css：
li strong{    color: red;}




 



原文地址：https://www.cnblogs.com/Lehh/p/8686251.html
				


				
时间： 2024-08-25 23:18:31 

		


		


	

	
	

		


		
CSS基础-派生选择器的相关文章


								

		

			

                CSS基础及选择器
			

		

		

									

				CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 选择器通常是您需要改变样式的 HTML 元素. 每条声明由一个属性和一个值组成. 属性(property)是您希望设置的样式属性(			

		

	

				

		

			

                CSS基础和选择器
			

		

		

									

				什么是CSS? CSS是指层叠样式表(Cascading Style Sheets),样式定义如何显示HTML元素,样式通常又会存在于样式表中.也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里. css的优势 1.内容与表现分离 2.网页的表现统一,容易修改 3.丰富的样式,使页面布局更加灵活 4.减少网页的代码量,增加网页浏览器速度,节省网络带宽 5.运用独立页面的css,有利于网页被搜索引擎收录 CSS语法 CSS基础语法 CSS语法可以分为两部分: 选择器 声明 声			

		

	

				

		

			

                CSS基础，选择器
			

		

		

									

				一.css:      是层叠样式,用于美化修饰页面的二.html与css的区别    html作用:                   决定了网页的内容和结构    css作用:        美化网页,具体说是美化修饰html标记三.css语法:    选择器{          属性1:值1:           属性2:值2:          }      四.基本选择器:        html标记选择器.类选择器.id选择器 html标记选择器:       声明时:选择器名是h			

		

	

				

		

			

                css基础与选择器——精通css学习笔记（一）
			

		

		

									

				开篇,作者就告诉了我们正确的学习方式——先用后学.在有了一定的基础之后,就要去尝试着做一些小东西.学的过程中要保持入和出的平衡,不输出就等于没有输入.很多经验总是相同的,类似这样正确的道理,总是在能在各种场合被告诫. 学习css的正确方法,也正是在有了一定的基础知识之后,就要多看源码,多看别人的小例子,尝试着大胆的在自己的网站上应用. 新技术的出现,往往是因为旧技术的局限性所导致,css也是如此.在早期,html被承担了太多"功能".font标签用来控制各种样式,繁琐的表格嵌套用来布局			

		

	

				

		

			

                多选框其他，css基础，选择器基础
			

		

		

									

				多选框 在多选框中如果想默认选中时,可以加入 checked 属性,属性值也为 checked 在选择时,如果想要达到,点击文字也能选中的效果,要利用  label  标签, 要在选项标签的 id  和  label  之间建立联系 <input id="app" type="checkbox"/> <label   for=“app”>这里写可以点击的文字</label>    <!-- input 选项标签的 id  作			

		

	

				

		

			

                CSS基础2——选择器
			

		

		

									

				前面说过样式规则,也知道了样式规则语法形式为:选择器+声明块 如:div{ color:black:padding:10px; }   div即表示选择器(此处是元素选择器),花括号中的内容就是声明块. 选择器用于指定样式规则可作用于HTML文档中的哪个或者哪些元素.常见的选择器类型有以下几种: 1.元素选择器(类型选择器):匹配选择器的网页上的任何HTML元素,不考虑这些元素在文档树中的位置. 如:p{ background:aqua; color:pink; }   匹配网页上的任何p元素,			

		

	

				

		

			

                css基础 class选择器 简单示例
			

		

		

									

				镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"			

		

	

				

		

			

                Css基础-类选择器
			

		

		

									

				类选择器以一个.显示 <p class="pclass">这是第一个class</p> .pclass { color:red; } <div class="divclass">fsdfds</div> .divclass { color:red; }			

		

	

				

		

			

                css基础 属性选择器 属性值以指定字符开头 / 结束
			

		

		

									

				礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Chrome                     os:win7 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu