例如,如果我有以下HTML:
<div class="someDiv"></div>
Run Code Online (Sandbox Code Playgroud)
这个CSS:
.opacity {
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.radius {
border-top-left-radius: 15px;
border-top-right-radius: 5px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
.someDiv {
background: #000; height: 50px; width: 200px;
/*** How can I reference the opacity and radius classes here
so this div has those generic rules applied to it as well ***/
}
Run Code Online (Sandbox Code Playgroud)
就像在脚本语言中一样,你拥有通常在脚本顶部编写的泛型函数,每次你需要使用该函数时,你只需调用函数而不是每次都重复所有代码.
以下语句中DOM元素的含义是什么?
您可以向单个DOM元素添加多个类.
关键是CSS中的继承不是通过类完成的,而是通过元素层次结构完成的.因此,要为继承的特征建模,您需要将它们应用于DOM中不同级别的元素.
我知道DOM代表着 Domain Object Model.它似乎是声明中API的同义词.
我有一个css类,如:
.foo {
background-color: red;
}
Run Code Online (Sandbox Code Playgroud)
然后我有一个为列表指定的类:
.list1 li {
background-color: tan;
}
Run Code Online (Sandbox Code Playgroud)
是否可以将一个样式类设置为仅指向另一个?就像是:
.list1 li {
.foo;
}
Run Code Online (Sandbox Code Playgroud)
不确定如何表达 - 我只是希望.list li样式是我为.foo类定义的.
我是CSS新手.我只是想知道,是否有可能将一个共同的类包含在另一个类中?
例如,
.center {align: center};
.content { include .center here};
Run Code Online (Sandbox Code Playgroud)
我遇到了css框架 - 蓝图.我们需要将位置信息放入HTML中,例如
<div class="span-4"><div class="span-24 last">
Run Code Online (Sandbox Code Playgroud)
因此,我们将定位属性放在html中,而不是css中.如果我们改变布局,我们需要更改html而不是css.
这就是我问这个问题的原因.如果我可以将.span-4包含在我自己的CSS中,我将不必在我的html标记中指定它.
我有点嫉妒我从CSS和Ruby社区围绕CSS看到的创新.例如,请参阅:
那就是说,我的问题是双重的.这些库可以通过IronRuby和IronPython轻松"移植"到.NET,那么我可以在C#中编写MSBUILD任务或HTTP处理程序吗?
另外,我应该为此烦恼,还是.NET社区中的其他人已经在为此工作?
更新:自从我写这个原始问题以来,在这个领域的.NET社区中已经做了很多工作.查看以下为LESS,SASS甚至CoffeeScript提供帮助的工具:
我正在使用Bootstrap的SASS端口,我想知道使用预定义的mixins和使用SASS之间是否有任何区别@extend.
例如,如果我有:
<div class="wrapper">
Some content here....
</div>
Run Code Online (Sandbox Code Playgroud)
这样做有什么区别吗?
.wrapper {
@include make-row();
}
Run Code Online (Sandbox Code Playgroud)
和
.wrapper {
@extend .row;
}
Run Code Online (Sandbox Code Playgroud)
?
如果没有区别,是否有其他mixin不等同于单个@extend语句?如果没有这样的mixins,为什么mixin甚至存在?
是否可以将现有的css类用作另一个类中的内容?
我的意思是:
Contained in some library:
.class1 { text-indent: 100 }
I can not change this:
<span class="class2" />
Run Code Online (Sandbox Code Playgroud)
class2的定义也包含在另一个库中.所以我无法直接改变它.
But I want to do something like that in my CSS file:
.class2 { .class1 }
Run Code Online (Sandbox Code Playgroud)
我知道这种形式是不可能的.但也许可以使用一些技巧来实现行为而不复制内容class1?我需要这个,因为我想用另一个CSS类的内容重新定义类.我们的项目也使用JQuery,但我会用CSS做.
编辑:我应该解释更多,我无法改变如何定义.class1,因为这个类在库中,我无法更改span类的标记.
如果有这样的风格
.Style1
{
background-color:white;
}
Run Code Online (Sandbox Code Playgroud)
和风格2这样.
.Style2
{
border: black solid 1px;
}
Run Code Online (Sandbox Code Playgroud)
如何让Style2将Style1作为基本样式?
马尔科姆
我希望我的表单中的textarea字段与文本输入字段相同,跨浏览器.而且我不想强制自定义样式 - 我想在用户的浏览器中使用任何标准样式.
所以我知道我可以使用
textarea {
border-style: inset;
border-width: 2px;
}
Run Code Online (Sandbox Code Playgroud)
然后他们会在Chrom [e,ium]中匹配,但是他们在Firefox/Iceweasel上不匹配.
那么有一种直接的方式可以对浏览器说"请textarea用你正在使用的任何边框渲染元素input[type="text"]"吗?