CSS的元素选择器

本文深入讲解了CSS中的各种选择器,包括属性选择器、ID选择器、包含选择器及选择器组合,阐述了它们的语法、用法及应用场景,帮助读者更精准地控制网页样式。
	在css中选择可以分很多种,例如属性选择器 、ID选择器、包含选择器、选择器组合。
下面,我将一一展开介绍:
1、属性选择器
	在讲属性选择器前,我想先介绍一个特例:
	(1)、元素选择器。
		E{···}    /*  E为有效的hml元素名  */
	E可以是任意有效的元素名,甚至可以用“*”来代替元素名,不过当使用“*”时,
	所选元素为当前全部元素。
	代码如下:
	<style type="text/html">
		*{
		border:1px black solid;
		padding: 4px;
		}
	</style>
效果如下:

(2)、属性选择器
属性选择器正如其名称所述,能够根据标签的属性进行选择。
		大致可以分以下几种类型:
	E{ ···}:指定该CSS样式对所有元素有效。
	E[attr]{···}:该样式只对“attr”属性的元素有效。
	E[attr=value]{···}:该样式对含有“attr”属性,且“attr”的属性为value的元素有效。
	E[attr ^=value]{···}:该样式对含有“attr”属性,且“attr”的属性以value开头的字符串的E元素有效。
	E[attr $=value]{···}:该样式对含有“attr”属性,且“attr”的属性以value结尾的字符串的E元素有效。
	E[attr *=value]{···}:该样式对含有“attr”属性,且“attr”的属性且包含value的字符串的E元素有效。
代码如下:
<style type="text/css">
			div{
				background-color:#eee;
				width:"300px";
				height:"30px";
				border:"1px solid black";
				padding:10px;
			}
			p{
				background-color: #444;
				color:#fff;
				font:normal small-caps bold 20pt normal 宋体;
			}
			div[id]{
				background-color:#aaa;
			}
			div[id*=xx]{
				background-color:#999;
			}
			div[id^=xx]{
				background-color:#555;
				color:#fff;
			}
			div[id=xx]{
				background-color:#111;
				color:#fff;
			}
			
		</style>
	效果图如下:
2、ID选择器
	ID选择器可以对指定id属性值的元素起作用。
ID选择器语法如下:
#idValue {···}
可以直接定义id快速选择元素。
代码如下:
#xx{
border:2px dotted black;
background-color:#888;
}
同样id选择器也可以选择在某一标签下的id值。

例如:#xx{ border:2px dotted black; background-color:#888; }
像id选择器类似的选择器还有class选择器,就是将id标签替换成class标签。

3、包含选择器
包含选择器用于指定目标选择器必须处于某个选择器对应的元素内部。
语法格式如下:
Selector1 Selector2 {···}   /*  其中Selector1 Selector2都是有效的选择器*/
div .a {
	width:200px;
	hieght:35px;
	border:2px dotted black;
	background-color:#888;
}
对于上面的div .a选择器定义的CSS样式,应该对处于<div.../>元素之内且class属性为a的元素起作用。

对于包含选择器还有一个扩展那就是子选择器。
子选择器:
代码如下:

div>.a {
	width:200px;
	hieght:35px;
	border:2px dotted black;
	background-color:#888;
}

子选择器的功能与包含选择器相似,唯一不同的就是包含选择器所选择的是div级下的全部元素,而子选择器所选择的只是div下的子级中所满足的元素。

4、选择器组合
与其说它是一个选择器不如说它是之前几种选择器的组合,用法灵活。
div,.a,#abc{
width:20px;
hieght:35px;
bord:2px dotted black;
background-color;#888;
}

如上面的代码就是使用选择器组合定义了一个CSS样式,这个样式可以对div元素、class属性为a的元素、id为abc的元素都起作用。

熟练使用这几种选择器可以快速准确的进行css的样式设置。

内容概要:本文详细记录了对一个Android ARM64静态ELF文件中字符串加密机制的逆向分析过程。该ELF文件的所有字符串均被加密,无法通过常规strings命令或IDA直接识别。作者通过分析发现,加密字符串存储在.rodata段,其解密所需信息(包括密文地址、长度和16位密钥)保存在.data.rel.ro段的40字节描述符中。核心解密函数sub_10F408采用自反的双pass流密码算法,结合固定密钥KEY_TERM(由.data段24字节数据计算得出),实现字节级非线性、位置与长度相关的加密。文章还复现了完整的Python解密脚本,并揭示了该保护机制的本质为代码混淆而非强加密,最终成功批量解密全部956条字符串,暴露程序真实行为,如shell命令模板、设备标识篡改、网络重置等操作。此外,文中还提及未启用的自定义壳框架及其反dump设计。; 适合人群:具备逆向工程基础的安全研究人员、二进制分析人员及对ELF保护技术感兴趣的开发者。; 使用场景及目标:①学习ELF二进制中字符串加密的典型实现方式与逆向突破口;②掌握从结构识别、函数追踪到算法还原的完整逆向流程;③理解“绑定二进制”的完整性校验设计及其局限性;④实践编写IDAPython脚本自动化提取与解密敏感数据。; 阅读建议:此资源以实战案例驱动,不仅展示技术细节,更强调逆向思维与验证方法,建议读者结合IDA调试环境,逐步跟随文中步骤进行动态分析与算法验证,深入理解每一步的推理依据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值