Fatal编程技术网
  • html/
  • Html CSS类从另一个类继承

Html CSS类从另一个类继承

html css class

Html CSS类从另一个类继承,html,css,class,Html,Css,Class,我的问题很简单，但我在网上没有找到任何关于它的文档。也许我没有用正确的关键字搜索 以一个名为centered的CSS类为例，它以元素为中心并执行一些其他操作 例如，我想说类news的所有元素都继承自以为中心的 有几种解决方案： 在news .centered{X；Y；Z} .news{X；Y；Z；A；B} 在HTML中声明带有2个类的my标记： .centered{X；Y；Z} .news{A；B} … 我搜索代码来执行以下操作： .centered { X; Y; Z } .news {

我的问题很简单，但我在网上没有找到任何关于它的文档。也许我没有用正确的关键字搜索

以一个名为
centered
的CSS类为例，它以元素为中心并执行一些其他操作

例如，我想说类
news
的所有元素都继承自以
为中心的

有几种解决方案：


    

  • 在
    news
    

    .centered{X；Y；Z}
.news{X；Y；Z；A；B}
    • 

  • 在HTML中声明带有2个类的my标记：
    

    .centered{X；Y；Z}
.news{A；B}
    

    …
    • 


我搜索代码来执行以下操作：


.centered { X; Y; Z }
.news { all_the_properties_of_centered; A; B }


然后我会向你宣布我的消息


<div class="news">...</div>



。。。


有可能吗？
你应该看看（或）哪两个都能做你想做的事，并提供很多其他的可能性。
最简单的方法是


.centered, .news { X; Y; Z }
.news { A; B }



没有。CSS没有类似于
extend
的功能。然而，你可以这样写


.centered, .news { X; Y; Z }
.news { A; B } /* adding rules */



实际上，它确实包含继承，但这并不意味着继承另一个CSS类，而是从默认元素样式继承，请参见Hanky Panky的评论。
我建议使用，它以前被称为这种组合的Zen编码。如果按逻辑构造，它速度快且效率高。
AFAIK您需要使用类似于或的框架来进行继承。这是sass或更低版本预处理器的主要功能之一。就我所知，Css做不到为什么Css做不到？这很容易做到