2010-08-26 61 views
1

当使用“{(properties of x)}”选择器时,是否可以将其他规则添加到css块?CSS的“.x”属性

我看过参考文献,但找不到与“x属性”相关的任何内容。一个链接将是美好的。我尝试了以下两种组合,但都没有工作:

.dock li { (properties of grid_2; display:inline; background-color:#666;) } 
.dock li { display:inline; background-color:#666; (properties of grid_2) } 

非常感谢!

编辑

显然,我看错了一篇文章,认为这样的语法存在。我认为可以创建一个类并让它使用这种语法继承另一个类的属性,但显然不是这种情况。

+2

呃...你的意思是将另一个元素(x)的CSS属性应用于正在使用的元素? – 2010-08-26 15:56:06

+1

对不起,我认为在CSS中有某种类型的功能,您可以创建一个类并使用(*的属性)将其分配给另一个类的属性......我误读了一篇文章,并以这个疯狂的想法结束!我的错! – Mohamad 2010-08-26 16:07:08

+0

我想我找到了OP所指的文章。请参见[本网站]上的“授予某些元素的网格属性”部分(http://www.webdesignerdepot.com/2010/03/fight-divitis and and-class-itis-with-the-960-grid -系统/)。 – Anthony 2011-09-01 14:12:35

回答

3

CSS没有这样的功能。

+1

介意告诉我们OP要求的功能是什么? – 2010-08-26 16:02:01

+0

@Yi:我假设你和你一样(显式继承) – SLaks 2010-08-26 16:07:31

3

你所描述的是不可能的。我认为还有其他两种可能性。首先,您需要知道可以同时将几种样式应用于元素。我给你举个例子:

li { font-size: 10pt; } 
.dock li { color: #ff0000; } 

所有列表中的项目将与10点的字体大小,只有那些含有码头类的元素内将红色进行格式化。

我的第二个建议是,你试图将两个或多个类你的HTML元素,例如:

.grid li { font-size: 10pt; } 
.dock li { color: #ff0000; } 

现在把电网和码头类到HTML和元素将同时适用的样式定义:

<ul class="grid dock"> ... 
不管你认为最适合你的项目

:记得在第二样式定义的属性覆盖第一个属性(如果他们不都定义相同的属性,不会有混乱) 。

1

也许你的问题是不是太奇怪了..

我的理解是,你想要做的事,如:

.a { prop1: val; prop2: val; } 
.b { prop3: val; prop4: val; } 
.c { .a; .b; prop5: val; prop6: val; } 

需要类.C继承所有属性和值.a和.b

如果这样可以,您可以使用LESS来做到这一点。

要在您的网站中使用您的LESS代码,您有不同的方式来执行此操作。

首先检查原网站:LESS.org
如果你是在Mac上检查这个网站:LESS APP + PLUGINS
如果你是在PC上less.js插件应该在您的网站更容易实现减:less.js usage

希望它有帮助。

快乐的编码你们都! :)