CSS ID选择器&通配选择器

ID选择器

ID(IDentity)是编号的意思,一般指定标签在HTML文档中的唯一编号。ID选择器和标签选择器、类选择器的作用范围不同。

ID选择器仅仅定义一个对下对象的样式,而标签选择器和类选择器可以定义多个对象的样式。

ID选择器以#号作为前缀,然后是一个自定义的ID名,用法如图所示

CSS 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>

运行结果:

CSS ID选择器&通配选择器

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

CSS 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>

CSS ID选择器&通配选择器

上一篇:JavaScript学习笔记:数组的indexOf()和lastindexOf()方法


下一篇:HDU 1754 I Hate It(线段树区间求最值)