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>

猜你喜欢

转载自www.cnblogs.com/kangna/p/11922765.html