标签: stylesheet

如何为Mozilla Firefox编写单独的样式表

我对CSS几乎没有经验,所以这可能是一个非常简单的问题.

我的网页上有一个目录,其中包含以下链接:

<a href="#user-interface">User interface</a>

和其他地方我有这样的书签:

<a name="user-interface">User Interface</a>

除此之外,我有一个具有以下样式的CSS文件:

a:hover
{
    color:#D090D0;
    background:#803080;
    text-decoration:none;
}

我的目标是当我将光标移动到链接上时更改链接的颜色和背景颜色,这是完美的.但问题是,当我在它们上面移动鼠标时,书签也会改变样式.这对我来说很有意义,因为链接和书签都使用了<a>标签,但我无法弄清楚如何区分CSS.我知道我可以使用一个类来获取链接,但我想知道是否有更好的方法.

我试图为我的asp.net主页底部制作一个精灵图像,以减少http请求的数量.我看了所有的编码,找不到任何错误.这是图像:

但由于某种原因,我的谷歌+图像没有出现; 它只显示5个社交媒体按钮中的4个.这是jsfiddle,它也没有显示谷歌+按钮:

JSFiddle - 社交媒体按钮

感谢任何能提供这方面指导的人!

SE希望我在这里包含代码,尽管它是在小提琴上.但无论如何,这是我在样式表中的内容:

.homepage{
width:23px;
height:23px;
background-image: url(http://www.ussvision.com/images/sprite-homepage.jpg); 
background-repeat:no-repeat;
}
.fbook{
background-position: 0px 0px;
}
.twit{
background-position: -25px 0px;
}
.yt{
background-position: -50px 0px;
}
.goog{
background-position: -103px 0px;
}
.linked{
background-position: -150px 0px;
}

有没有人知道浮动元素的有效方法,以便它们在容器中水平滚动而与垂直方向相反？

例如,假设我有这样的布局:

<div id="container">
  <div class="item">something</div>
  <div class="item">something</div>
  <div class="item">something</div>
  <div class="item">something</div>
  <div class="item">something</div>
</div>

据我所知,如果我给"容器"一个定义的高度和宽度,所有"项目"都可以浮动,以便"容器"将水平滚动.

但是,如果我不知道会有多少"项目"呢？如果我不知道物品的数量那么我不知道容器应该多宽......

有什么想法或建议吗？仅CSS的建议是理想的,但我不反对使用jQuery插件,如果有人有任何建议.

我使用Qt4.8创建一个按钮,然后我使用setStyleSheet函数为这个按钮和工具提示设置样式.但是这个代码只适用于按钮和工具提示是行不通的.这是我的代码

QPushButton *status_label;

这 - >

cellGUI.status_label-> setStyleSheet(QString :: fromUtf8("QPushButton {color:#E6E6E6; font-weight:bolder; font-family:tahoma; font-size:6px; background-color:rgb(255,153,0)) } QPushButton :: QToolTip {color:#2E2E2E; background-color:#CCCCCC; border:none}"));

请帮我.

最近我注意到仪表板菜单项丢失了实际样式。现在看起来一团糟。一旦我们点击刷新就OK了。但在页面加载中再次发生同样的情况。 请参阅所附图片。

我在网页上有4个部分,我希望每个部分都使用不同的样式表.我有4种不同的样式表,但它们具有相同的ID和类,但具有不同的值.我需要这个演示页面,我可以在一个页面中显示相同内容的不同样式.

我知道我必须使用 ，xsl:import但我不知道如何调用name模板的 。

我该怎么做？

我正在尝试仅使用“虚线”样式为顶部和底部视图应用边框。但 borderStyle 不适用于 borderTopWidth 和 borderBottomWidth。这是工作，

<View
  style={{
    backgroundColor: 'white',
    borderRadius: 10,
    marginHorizontal: 20,
    padding: 16,
    borderStyle: 'dashed',
    borderColor: 'red',
    borderWidth: 1
  }}>{...content...}</View>

这是行不通的，

<View
  style={{
    backgroundColor: 'white',
    borderRadius: 10,
    marginHorizontal: 20,
    padding: 16,
    borderStyle: 'dashed',
    borderBottomColor: 'red',
    borderBottomWidth: 1,
    borderTopColor: 'red',
    borderTopWidth: 1,
  }}>{...content...}</View>

有什么不同的方法来实现这种风格吗？

我目前正在使用 Bootstrap 3 创建一个具有我想要修改的样式的网页。我有 bootstrap css 和我的自定义 css 正确链接到网页，并且因为我在前者之后链接了后一个样式表，我希望我的自定义外部样式表会覆盖我想要更改的 Bootstrap 样式。

不用说，它没有用。很多嵌入样式看起来很恶心，我不想对Bootstrap css做任何更改，所以我想知道你们中是否有人知道一些让一个外部 css 文件覆盖另一个的漂亮方法。

（也已经尝试给它一个特定的 id，但无济于事）。

我目前正在构建一个站点，我想将我的输入框设置为类似引导程序的样式，但是我不想使用引导程序提供的其他功能。有人可以推荐我如何导出该功能并将其包含在我的 CSS 中。我相信可能也有一些 JavaScript。

先感谢您。

我试图在一页内多次更改背景颜色。有没有办法将 CSS 放入 HTML 正文中？