Question

使用“{（x的属性）}”选择器时，是否可以向css块添加其他规则？

我查看了引用，但是我找不到任何与“x属性”相关的内容。链接会很精彩。我尝试了以下两种组合，但都没有奏效：

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

非常感谢！

修改

显然我误读了一篇文章并认为存在这样的语法。我以为可以创建一个类，让它使用这样的语法继承另一个类的属性，显然不是这样。

Answer 1

CSS没有这样的功能。

Answer 2

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

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

所有列表项都将使用10磅的字体大小进行格式化，并且只有包含dock类的元素中的列表项才会为红色。

我的第二个建议是你尝试将两个或多个类应用于HTML元素，例如：

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

现在将grid和dock类放入HTML中，元素将应用两种样式定义：

<ul class="grid dock"> ...

无论您认为哪个项目最佳：请记住第二个样式中定义的属性会覆盖第一个样式的属性（如果它们根本没有定义相同的属性，则不会产生混淆）。

Answer 3

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

我的理解是你想要做的事情：

.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

希望它有所帮助。

快乐的编码你们都！：）

CSS“.x属性”语法

3 个答案: