css三种选择器

本文详细介绍了CSS中的不同选择器类型及其用法,包括HTML标签选择器、ID选择器、类选择器以及它们如何通过派生选择器组合使用。通过具体的HTML示例展示了各种选择器的实际效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<html>
	<head>
	   <title>testCSS</title>	
	   <style type="text/css">
	   	/*1.1定义多个HTML标签的CSS,即h1和h2,h3使用同一个CSS*/
	   	 h1,h2,h3 {
	   	     color:red;
	   	 }
	   	 /*1.2派生选择器:依据元素的上下文来定义CSS,即只有li下的strong 元素才会使用此CSS*/
	   	 li strong {
			    font-style: italic;
			    font-weight: normal;
  			}
       /*2.1 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式,使用#来定义id选择器**/
       #red {color:red;}
       /*2.2 多个id选择器使用一个CSS定义,注意中间用逗号*/
       #aid,#bid{color:green;}
       
       /*2.3 id 选择器用于建立派生选择器,以下选择器需要外层元素id为cid,内层元素是p才符合;一个id为“cid”的<p>元素是不符合条件的**/
       #cid p{color:yellow;}
       
       /*3.1 类选择器 使用.来定义**/
       .divcss{padding:20px;color:yellow;}
       /*3.2 多个类选择器的定义,不起作用**/
       .aclass,.bclass{color:red;}
       /*3.3 类选择器用于建立派生选择器,注意:用于css为redColorCss的元素且子元素为p的元素,而不是用于<p>且其class为redColorCss的**/
       .redColorCss  p{color:red;}
       div .greenColorCss {color:green;}
       
       /**
       *总结:
       1 三种选择器:html标签选择器 id选择器(#) 类选择器(.)
       2 使用逗号可以定义多个html标签选择器与id选择器(#),但不能定义多个类选择器
       3 派生选择器:一般用三种选择器 与HTML标签选择器组合,注意是上下级的关系,而不是且的关系
       */
       
	   	</style>
	</head>
	<body>
		  1.选择器<br>
			<h1>h1的内容	</h1>
			<h2>h2的内容	</h2>
			<h3>h3的内容	</h3>
			2.派生选择器<br>
			<p><strong>我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用</strong></p>
			<ol>
			<li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>
			<li>我是正常的字体。</li>
			</ol>
      3.id选择器<br>
      <span id="red">我的id是red,使用id选择器</span>
      <span id="aid">AAAA</span>
      <span id="bid">bbbb</span>
      4.id 选择器用于建立派生选择器<br>
      <span id="cid">我只符合id选择器,所以是黑色</span>
      <p id="cid">我很特殊,请注意</p>
       <span id="cid"><p>我符合id选择器建立的派生选择器,所以是黄色</p></span>
      5.类选择器<br>
      <span class="divcss">我应用了类选择器</span><br>
      <span id="aclass">多个类选择器一块定义,不起作用</span><br>
      <span id="bclass">多个类选择器一块定义,不起作用</span><br>
       <span id="aclass">使用多个类选择器  <span id="bclass">使用多个类选择器</span></span><br>
      6.类选择器用于建立派生选择器<br>
      <p class="redColorCss">我不应该是红色的</p>
      <span class="redColorCss">我不应该是红色的</span>
      <span class="redColorCss"><p>我应该是红色的</p></span>
      6.1 类选择器用于建立派生选择器<br>
       <div class="greenColorCss">我不应该是绿色的</div>
       <div><span class="greenColorCss">我应该是绿色的</span></div>
       <div><h5 class="greenColorCss">我应该是绿色的</h5></div> 
	</body>
</html>

 

内容概要:本文档详细介绍了一个基于MATLAB实现的跨尺度注意力机制(CSA)结合Transformer编码器的多变量时间序列预测项目。项目旨在精准捕捉多尺度时间序列特征,提升多变量时间序列的预测性能,降低模型计算复杂度与训练时间,增强模型的解释性和可视化能力。通过跨尺度注意力机制,模型可以同时捕获局部细节和全局趋势,显著提升预测精度和泛化能力。文档还探讨了项目面临的挑战,如多尺度特征融合、多变量复杂依赖关系、计算资源瓶颈等问题,并提出了相应的解决方案。此外,项目模型架构包括跨尺度注意力机制模块、Transformer编码器和输出预测,文档最后提供了部分MATLAB代码示例。 适合人群:具备一定编程基础,尤其是熟悉MATLAB和深度学习的科研人员、工程师和研究生。 使用场景及目标:①需要处理多变量、多尺度时间序列数据的研究和应用场景,如金融市场分析、气象预测、工业设备监控、交通流量预测等;②希望深入了解跨尺度注意力机制和Transformer编码器在时间序列预测中的应用;③希望通过MATLAB实现高效的多变量时间序列预测模型,提升预测精度和模型解释性。 其他说明:此项目不仅提供了一种新的技术路径来处理复杂的时间序列数据,还推动了多领域多变量时间序列应用的创新。文档中的代码示例和详细的模型描述有助于读者快速理解和复现该项目,促进学术和技术交流。建议读者在实践中结合自己的数据集进行调试和优化,以达到最佳的预测效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值