tw4ld6 发表于 2024-6-30 06:58:20

css 选取器类型有哪几种?


    <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS是对样式的修饰,权重<span style="color: black;">表率</span>着某种级别,权重决定了你css规则<span style="color: black;">怎么样</span>被浏览器解析直到生效,css权重关系到你的css规则是<span style="color: black;">怎么样</span><span style="color: black;">表示</span>的。<span style="color: black;">怎样</span>学习,理论+案例代码。</p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">初步<span style="color: black;">认识</span>:CSS<span style="color: black;">选取</span>器<span style="color: black;">便是</span><span style="color: black;">按照</span><span style="color: black;">区别</span>需求把<span style="color: black;">区别</span>的标签选出来,设置相应的样式</p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">案例</p>
            <div style="color: black; text-align: left; margin-bottom: 10px;">h1{
                color:blue;
                font-size:15px;
                }</div>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上h1标签<span style="color: black;">选取</span>器,做了两件事:</p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.找到所有的h1标签(<span style="color: black;">选取</span>对象)</p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.设置这些标签的样式:字体颜色为蓝色,字体<span style="color: black;">体积</span>为15px(设置样式)</p>
            <div style="color: black; text-align: left; margin-bottom: 10px;">
                <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pica.zhimg.com/v2-684d6328cc529b68b193754653727eb9_l.jpg?source=f2fdee93" style="width: 50%; margin-bottom: 20px;">
                  <div style="color: black; text-align: left; margin-bottom: 10px;">
                        <div style="color: black; text-align: left; margin-bottom: 10px;">diveng</div>
                        <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2 次咨询</span>
                            <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">5.0</span></div>
                        </div>
                        <div style="color: black; text-align: left; margin-bottom: 10px;">南通大学 工学硕士</div>
                        <div style="color: black; text-align: left; margin-bottom: 10px;">11266 次赞同</div>
                  </div>
                  <div style="color: black; text-align: left; margin-bottom: 10px;">去咨询</div>
                </div>
            </div>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS<span style="color: black;">选取</span>器<span style="color: black;">功效</span>:CSS<span style="color: black;">便是</span>为了给HTML页面添加样式,CSS设置样式是<span style="color: black;">经过</span>CSS<span style="color: black;">选取</span>器进行<span style="color: black;">掌控</span>,CSS<span style="color: black;">选取</span>器<span style="color: black;">便是</span>用于指向<span style="color: black;">必须</span>CSS<span style="color: black;">功效</span>的标签,让CSS样式<span style="color: black;">晓得</span>自己<span style="color: black;">必须</span><span style="color: black;">功效</span>到哪个标签上去。</p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS的<span style="color: black;">选取</span>器分为两大类:基本<span style="color: black;">选取</span>器和扩展(高级)<span style="color: black;">选取</span>器。</p>
            <h2 style="color: black; text-align: left; margin-bottom: 10px;">基本<span style="color: black;">选取</span>器</h2>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">标签<span style="color: black;">选取</span>器:针对一类标签</p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">ID<span style="color: black;">选取</span>器:针对某一个特定的标签<span style="color: black;">运用</span></p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">类<span style="color: black;">选取</span>器:针对你想要的所有标签<span style="color: black;">运用</span></p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">通用<span style="color: black;">选取</span>器(通配符):针对所有的标签都适用(不<span style="color: black;">意见</span><span style="color: black;">运用</span>)</p>
            <h2 style="color: black; text-align: left; margin-bottom: 10px;">高级<span style="color: black;">选取</span>器</h2>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">后代<span style="color: black;">选取</span>器:用空格</p>
      </span></div>




m5k1umn 发表于 2024-10-7 12:51:13

我深感你的理解与共鸣,愿对话长流。

wrjc1hod 发表于 2024-10-31 06:35:46

软文发布论坛开幕式圆满成功。 http://www.fok120.com
页: [1]
查看完整版本: css 选取器类型有哪几种?