返回顶部

CSS ID选择器&通配选择器

ID选择器

ID(IDentity)是编号的意思,一般指定标签在HTML文档中的唯一编号。ID选择器和标签选择器、类选择器的作用范围不同。
ID选择器仅仅定义一个对下对象的样式,而标签选择器和类选择器可以定义多个对象的样式。
ID选择器以#号作为前缀,然后是一个自定义的ID名,用法如图所示

示例:

<!doctype html>
<html>
<head>
	<style type="text/css">
		#box{/*ID样式*/
		background: url("../photos/野外.jpg")center bottom;
			height: 200px;
			width: 400px;
			border: solid 2px red;
			padding: 100px;
			}
	</style>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
	<div id="box">问君能有几多愁,恰似一江春水向东流</div>
</body>
</html>

运行结果:

除此之外,也可以为ID选择器指定标签范围。定义指定ID选择器的语法机构如图:

采用这种方法可以提高该样式的优先级。

通配选择器


如果HTML所以元素都需要定意思相同的样式,则一个个分别为它们定义样式,会感到很麻烦。通过使用通配选择器可以解决这一麻烦。
统配选择器是固定的,使用"*"表示,例如:

<!DOCTYPE html>
<html>
	<head>	
    	<meta charset="utf-8">
        <title>通配符选择器(理解)</title>
        <base target="_self">
        <style>
			*{
				color: red;
				}
		</style>
    </head>
    <body>
		<h1>我是标题</h1>
        <p>我是段落</p>
       	<a href="#">我是超链接</a>
    </body>
</html>

posted @ 2019-11-24 16:02  violet-evergarden  阅读(1027)  评论(1编辑  收藏  举报