css id选择器、通配符选择器

最新推荐文章于 2024-07-24 21:34:15 发布

潜龙卧湖

最新推荐文章于 2024-07-24 21:34:15 发布

阅读量2.7k

点赞数

文章标签：前端 css

本文链接：https://blog.csdn.net/weixin_44046450/article/details/93184440

版权

css id选择器、通配符选择器

id选择器：就是通过id名来控制css的样式，哪儿买什么是id名呢？比如<div id="xzq"></div>，通过在标签里面添加一个id，id里面的就叫做id名。
代码如下：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
        .tou {
        	color: red;
        }
        #big {  
        	color: pink;
        }
        </style>
    </head>
    <body>
    	<div id="big">中国文化博大精深，海纳百川，是仅剩四大古国文化之一，文化从未出现断层。</div>
    	<div>中国文化博大精深，海纳百川，是仅剩四大古国文化之一，文化从未出现断层。</div>
    	<div class="tou">中国文化博大精深，海纳百川，是仅剩四大古国文化之一，文化从未出现断层。</div>
    </body>
</html>

效果如下：
在这里插入图片描述
在以上的代码可以看到id名在css样式中是通过#big来调用的。
通配符选择器：是通过一个通配符来进行就样式的控制。在我的认知中，就认识一个通配符，那就是*。所以现在在这里我就来用*`这个通配符。
代码如下：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
        * {    /* * 代表所有选择器 */
        	color: pink;
        }
        </style>
    </head>
    <body>
    	<p>光芒透过窗户，照射在这个已经很久未见光的房间里。</p>
    	<div>房间里面的陈设还摆放的整整齐齐，</div>
    	<span>但是已经都已落满了灰尘，</span>
    	<em>一股腐臭的味道正在从逃离这件房间，</em>
    	<strong>可惜还是逃不了警察的嗅觉。</strong>
    	<h1>这里正是案发现场。</h1>
    </body>
</html>