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

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

id选择器:就是通过id名来控制css的样式,哪儿买什么是id名呢?比如

,通过在标签里面添加一个id,id里面的就叫做id名。
代码如下:


<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来调用的。
通配符选择器:是通过一个通配符来进行就样式的控制。在我的认知中,就认识一个通配符,那就是*。所以现在在这里我就来用*`这个通配符。
代码如下:


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

效果如下:
css id选择器、通配符选择器_第1张图片
可见*这个通配符把所有的标签的样式控制住了。所以这个*通配符的作用显而易见。

你可能感兴趣的:(css id选择器、通配符选择器)