分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

CSS 1 ?选择器

发布时间:2023-09-06 02:03责任编辑:董明明关键词:CSS选择器

选择器

  h1{color:red;}

  .m-nav {height:70px;font-size:14px;}

  

  expression   -->  Array<element>      表示式  -->    数组<元素>

  我们可以把选择器理解为一个表达式  通过表达式我们可以选中一系列的元素 ,然后这里的样式就会运用到我们选择的元素上去

选择器简单分为;

   · 简单选择器                       

     标签选择器                     类选择器     

       <div>                       <div>                      p { color : blue;}

        <p> 段落一</p>                    <p> 段落一 </p>               .special { color : red ; }

        <p>段落二</p>                    <p class = " special " > 段落二</p>       . stress { font - weight : bold ; } 

       </div>                         <p class  = " special  stress " > 段落三</p>

       p{ color: blue;}                    </div>          

                                      

  

    

      ` 类选择器 

       .className

         -   ·               以点号开头

         -   字母 、 数字、 -  、 _         后面可以接 

         -   className 必须以字母开头

         -  区分大小写

         -   出现多次               可以出现多次

      · id 选择器

          

        `  # id

          - #                      #  开头        

          - 字母 、 数字 、 - 、_

          - id 必须以字母开头

          - 区分大小写

          - 只出现一次

       

       ` 通配符选择器              标签选择器               通配符选择器

        <div>                h2 { color : blue ; }          * { color :blue ;}

          <h2 > xx </h2>          p { color : blue ; } 

          <p> xxxx</p>           div {  color : blue ;}  

        </div>

        <div> xxx</div>

          

    · 伪元素选器

      

      

    · 组合选择器

CSS 1 ?选择器

原文地址:https://www.cnblogs.com/hzaixt/p/9280100.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved