Day.01.05 多个类选择器修饰同一个html元素

<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 多个类选择器修饰同一个html元素 </title>
    <style type="text/css">
        .tb1{
            background-color:silver;
            font-style:italic;
        }
        .tb2{
            font-size:30px;
            width:100px;
        }
    </style>
 </head>
 <body>
    <p>BO1</p>
    <p>BO2</p>
    <p class="tb1 tb2">BO3</p>
    <p>BO4</p>
    <p>BO5</p>
 </body>
</html>

总结:当不敢改动别人代码的时候,可以选择添加一个类选择器修饰同一个html元素
优先级:id选择器>类选择器

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,931评论 19 139
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,691评论 1 92
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 5,837评论 0 5
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 5,019评论 0 1
  • 下雨 2017.3.23 下雨了。 啃着刚买来还热乎乎的煎饼果子,窗外因为国足1:0战胜韩国而欢呼雀跃,空间动态也...
    竹纸竹纸大竹纸阅读 1,463评论 0 0

友情链接更多精彩内容