如何在css文件中添加父类？

sourcse CSS

.pagination { 
    font-size: 10px 
} 
a { 
    font-size: 30px 
} 
...............

为了得到这样的

.parent-class { 
    .pagination { 
     font-size: 10px 
    } 
    a { 
    font-size: 30px 
    } 
    ............... 
}

这应该是很多它会自动换行

来源

2016-01-12 litehause

你需要什么这样的家长类？ – MadOX

的你有的结构是sass/scss/less。

在css，你做它像这样： -

.parent-class .pagination { 
     font-size: 10px 
} 
.parent-class a { 
    font-size: 30px 
} 
...............

一旦sass/scss/less被编译，它会产生上面的css结构。

来源

2016-01-12 08:03:47 BenG

据对我来说是不可能通过简单的CSS，你要少用...
使用单独的类，而使得它可以在任何地方重演。

总之CSS的<a>会留下处处适用，唯一的事情是.pagination类，所以简单地套用

来源

2016-01-12 08:05:16 Rahul

.parent-class .pagination{ 
    font-size: 10px 
} 
.parent-class .pagination > a { 
    font-size: 30px 
}

来源

2016-01-12 08:06:57 GuyLorenzo

'a'不在'.pagination'里面。 – BenG

你的权利，谢谢。 – GuyLorenzo

-1

如果下面的HTML代码是否想要

<div class="parent-class"> 
    <div class="pagination"></div> 
    <a>Example with font-size 30px</a> 
</div>

你所需要的以下CSS类：

.parent-class { /* define parent class properties here */ } 
.parent-class .pagination { 
    font-size: 10px 
} 
.parent-class a { 
    font-size: 30px 
} 
...............

注意：带有.pagination类的div和“a”标签在这种情况下并不重要。它们将受到您定义的CSS规则的影响，无论它们位于.parent-class div 中的哪个位置。如果您希望选择器仅在与此子元素的DIRECT后代匹配时才需要，那么您需要如下所示的内容：

.parent-class { /* define parent class properties here */ } 
/* '>' selects all elements with .pagination class, which have a parent element with class .parent-class */ 
.parent-class > .pagination { 
    font-size: 10px 
} 
.parent-class > a { 
    font-size: 30px 
} 
...............

来源

2016-01-12 08:15:47

'.parent-class.pagination'意思是一个同时具有.parent-class和.pagination类的元素，正确选择所有具有.pagination元素的正确方式，也就是.parent-class的子元素。看起来像这样：'' .parent-class .pagination' :) –

是的，你是对的，我没有检查我的帖子，谢谢:) –

试试这个：

.parent-class .pagination { 
    font-size: 10px 
} 
.parent-class .pagination a{ 
    font-size: 30px 
}

来源

2016-01-12 08:27:00

如何在css文件中添加父类？

回答

相关问题