• 技术文章 >web前端 >css教程

    css中的类选择器有什么用

    VV2020-11-20 11:30:28原创51

    css中的类选择器的作用是:允许以一种独立于文档元素的方式来指定样式。类选择器可以单独使用,也可以与其他元素结合使用。在使用类选择器之前,需要修改具体的文档标记,以便类选择器正常工作。

    css类选择器的作用:允许以一种独立于文档元素的方式来指定样式。

    该选择器可以单独使用,也可以与其他元素结合使用。

    (学习视频分享:css视频教程

    注意:只有适当地标记文档后,才能使用这些选择器,所以使用这两种选择器通常需要先做一些构想和计划。

    要应用样式而不考虑具体设计的元素,最常用的方法就是使用类选择器。

    举例:

    修改 HTML 代码

    在使用类选择器之前,需要修改具体的文档标记,以便类选择器正常工作。

    为了将类选择器的样式与元素关联,必须将 class 指定为一个适当的值。请看下面的 HTML 代码:

    <h1 class="important">
    This heading is very important.
    </h1>
    
    <p class="important">
    This paragraph is very important.
    </p>

    在上面的代码中,两个元素的 class 都指定为 important:第一个标题( h1 元素),第二个段落(p 元素)。

    语法:

    然后我们使用以下语法向这些归类的元素应用样式,即类名前有一个点号(.),然后结合通配选择器:

    *.important {color:red;}

    如果您只想选择所有类名相同的元素,可以在类选择器中忽略通配选择器,这没有任何不好的影响:

    .important {color:red;}

    相关推荐:CSS教程

    以上就是css中的类选择器有什么用的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css 类选择器
    上一篇:css 背景不滚动的实现方法 下一篇:css描边属性是什么
    第14期线上培训班

    相关文章推荐

    • ui状态伪类选择器有哪些• css的类选择器是怎么样的(代码)• 5分钟读懂css伪类选择器:is :not• css伪类选择器介绍

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网