相关疑难解决方法(0)

是否可以在另一个中引用一个CSS规则?

例如,如果我有以下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)

就像在脚本语言中一样,你拥有通常在脚本顶部编写的泛型函数,每次你需要使用该函数时,你只需调用函数而不是每次都重复所有代码.

css

95
推荐指数
4
解决办法
13万
查看次数

什么是DOM元素?

以下语句中DOM元素的含义是什么?

声明#1

您可以向单个DOM元素添加多个类.

声明#2

关键是CSS中的继承不是通过类完成的,而是通过元素层次结构完成的.因此,要为继承的特征建模,您需要将它们应用于DOM中不同级别的元素.

我知道DOM代表着 Domain Object Model.它似乎是声明中API的同义词.

dom

65
推荐指数
8
解决办法
11万
查看次数

将一个样式类指向另一个?

我有一个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

46
推荐指数
4
解决办法
5万
查看次数

我们可以在另一个css类中包含常见的css类吗?

我是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 reusability

42
推荐指数
3
解决办法
4万
查看次数

继承CSS类

我的CSS文件中有一个带有几个属性的基础.base {}.我想只改变颜色和其他属性以保持相同.如何在其他类中继承这个基类?

css

37
推荐指数
4
解决办法
9万
查看次数

.NET中更好的CSS?

我有点嫉妒我从CSS和Ruby社区围绕CSS看到的创新.例如,请参阅:

  1. http://sandbox.pocoo.org/clevercss/
  2. http://lesscss.org/
  3. http://sass-lang.com/

那就是说,我的问题是双重的.这些库可以通过IronRuby和IronPython轻松"移植"到.NET,那么我可以在C#中编写MSBUILD任务或HTTP处理程序吗?

另外,我应该为此烦恼,还是.NET社区中的其他人已经在为此工作?

更新:自从我写这个原始问题以来,在这个领域的.NET社区中已经做了很多工作.查看以下为LESS,SASS甚至CoffeeScript提供帮助的工具:

.net css sass less

23
推荐指数
2
解决办法
6814
查看次数

SASS和Bootstrap - mixins vs. @extend

我正在使用BootstrapSASS端口,我想知道使用预定义的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 sass twitter-bootstrap

23
推荐指数
1
解决办法
1万
查看次数

如何在不复制的情况下在另一个类中重用css类内容?

是否可以将现有的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类的标记.

html css jquery

20
推荐指数
3
解决办法
2万
查看次数

继承另一种风格的另一种风格

如果有这样的风格

.Style1
{
   background-color:white;
}
Run Code Online (Sandbox Code Playgroud)

和风格2这样.

.Style2
{
   border: black solid 1px;
}
Run Code Online (Sandbox Code Playgroud)

如何让Style2将Style1作为基本样式?

马尔科姆

html css

13
推荐指数
3
解决办法
2万
查看次数

如何使textarea边框与文本输入边框相同?

我希望我的表单中的textarea字段与文本输入字段相同,跨浏览器.而且我不想强制自定义样式 - 我想在用户的浏览器中使用任何标准样式.

所以我知道我可以使用

textarea {
    border-style: inset;
    border-width: 2px;
}
Run Code Online (Sandbox Code Playgroud)

然后他们会在Chrom [e,ium]中匹配,但是他们在Firefox/Iceweasel上不匹配.

那么有一种直接的方式可以对浏览器说"请textarea用你正在使用的任何边框渲染元素input[type="text"]"吗?

html css

10
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×9

html ×3

sass ×2

.net ×1

dom ×1

jquery ×1

less ×1

reusability ×1

twitter-bootstrap ×1