属性选择器

  1. [属性名]

    • 作用: 选择含有指定属性的元素

  2. [属性名 = 属性值]

    • 作用: 选择含有指定属性和属性值的元素

  3. [属性名 ^= 属性值]

    • 作用: 选择属性值以指定值开头的元素
    • eg: [title ^= abc]
      • 表示选择title标签中属性值以abc开头的标签

  • 实际代码举例:

    <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>属性选择器</title>
		<style>
		/* 这个时候就时选择id属性是a开头的标签 */
		[id ^= a]{
			color: red;
		}
		</style>
	</head>
	<body>
		<p id = "abc">我是一个段落</p>
		<h1 id = "ab">我是一个一级标题</h1>
		<h1>我也是一个一级标题</h1>
	</body>
</html>
    • 上面的style中就是一个属性选择器

  1. [属性名 $= 属性值]

    • 作用: 选择属性值以指定值结束的元素

  2. [属性名 *= 属性值]

    • 作用: 选择属性值中含有指定值的元素
# 前端 # css # css3
Logo
技术共进，成长同行——讯飞AI开发者社区

技术共进，成长同行——讯飞AI开发者社区

更多推荐

cover

PHP与人工智能：结合案例与可能性探索

avatar 讯飞AI开发者社区
cover

[论文阅读] 人工智能 + 软件工程 | 真实场景下GitHub Copilot生产力之谜：2年数据揭示客观提交无提升，开发者却直呼“好用”

avatar 讯飞AI开发者社区

上下文工程驱动智能体向 通用人工智能

例如在文章开头，我们举的产品经理和工程师之间的那一段对话，一个高质量智能体，不再只是让大模型回答用户的问题，而是通过上下文工程，帮助大模型在回答前获得更加结构化的输入，包括项目状态、需求文档、任务历史、甚至团队氛围，实现大模型更好的理解当前的任务规划、团队过往的沟通隐患、对方的工作状态与担忧、文档/知识库的实时状态等等。这和我们维护我们手机上内存很像，一开始所有应用和历史信息都保留，但当手机出现运

avatar 讯飞AI开发者社区