• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • class类选择器

    定义和用法

    • .class 选择器为所有具有指定类的元素添加样式。使用.来选择具有包含特定值的类的元素。
    • 类值的名称必须紧跟在.后面。
    • 多个类值可以链接在一起。如:element1.classname element1.classname1.classname2

    语法:

    E.myclass{sRules}

    以class属性包含myclass的E对象作为选择符。

    不同于ID选择符的唯一性,类选择符可以同时定义多个。如给某个div元素定义.a和.b两个类:

    .a{color:#f00;}
    .b{font-weight:700;}
    

    浏览器支持

    所有浏览器都支持

    例子

    选择具有hometown值的元素

    <p> class="hometown"</p>
    
    p.hometown
    {
      background:yellow;
    }
    

    选择所有class值为intro的元素

    <p> class="intro"</p>
    <div> class="intro"</div>
    
    .intro
    {
      background-color:yellow;
    }
    

    上篇:ID选择器

    下篇:包含选择器