Web前端选择器.

最新推荐文章于 2024-05-05 02:04:52 发布

luck_@wu

最新推荐文章于 2024-05-05 02:04:52 发布

阅读量334

点赞数

分类专栏： web 文章标签：前端 html

本文链接：https://blog.csdn.net/qq_43708444/article/details/127072431

版权

web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Web前端 id选择器

id选择器可以为标有特定id值的HTML元素指定样式。代码如下：

<html>
	<head>
		<meta http-equiv="content-type" content="text/html"; charset="utf-8">
		<title>id 选择器</title>
		<style type="text/css">
		#p_title,
		#p_content addr{
			color: red;
		}
		</style>
	</head>
	<body>
		<p id="p_title">HTML基础</p>
		<p id="p_content"><abbr title="HyperText Markup Language">HTML</abbr>,超文本标记语言。HTML文档就是我们所说的网页，是互联网中最重要的信息交流媒体。</p>
	</body>
</html>

在HTML文档中，id值都是唯一的，因为如果出现两个相同的id值，Javascript只会读取第一个具有该id的值
也就是说id值具有唯一性，有相同的id值出现只会读取第一个id的值。
id值通常以字母开始的，中间可以出现数字、“_”和"-"等，记住千万不能用数字开头，不然某些XML解析器就会出现问题。
id值在书写的时候不能出现空格，name，class等属性值的书写规范与id值是一样的，不同的是它们不具备唯一性。

类选择器

类选择器示例代码：
类选择器也可以配合派生选择器，与id选择器不同的是，元素可以基于它的类而被
选择。
能出现空格。
class 属性值除了不具有唯一性，其他规范与id值相同，即通常是以字母开头的，值不
p.important。如果指定某类型元素的相同class属性，那么需要指定 E 的元素名称，如.important 和元素 E可以省略，省略后表示在所有的元素中筛选，有相同的 class 属性将会被选择。
E.classValue {property1:value1; property2:value2; property3:value3;…}
类选择器可以为指定 class的HTML元素指定样式。其写作格式如下：

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html"; charset="utf-8">
		<title>类选择器</title>
		<style type="text/css">
			.important{
				color: red;
			}
			p.important{
				color: blue;
			}
		</style>
	</head>
	<body>
		<h1 class="important">HTML的历史</h1>
		<p>HTML(第一版):在1993年6月作为互联网工程工作小组(IETF)工作草案发布</p>
		<p>HTML 2.0:在1995年11月作为RFC 1866发布。</p>
		<p>HTML 3.0:1997年1月14日，W3C推荐标准。</p>
		<p>HTML 4.0:1997年12月18日，W3C推荐标准。</p>
		<p class="important">HTML 4.01:1999年12月24日，W3C推荐标准，是现在开发者广泛使用版本</p>
	</body>
</html>