Questions tagged «css»

我想知道是否有办法更改列表中项目符号的颜色。 我有一个这样的清单： <ul> <li>House</li> <li>Car</li> <li>Garden</li> </ul> 对我来说，不可能在li中插入任何内容，例如“ span”或“ p”。那么，我可以以某种巧妙的方式更改项目符号的颜色，而不更改文本的颜色吗？

88 html  css 

是否有样式表格式化语言可以替代CSS？还是CSS是当前用于处理样式表格式化类型内容的单一语言？ 我查看了Wikipedia（http://en.wikipedia.org/wiki/Cascading_Style_Sheets）上CSS的文章，以及有关CSS的其他一些评论，并因在不同的Layout引擎中缺乏对CSS的全面支持而灰心丧气。我只是好奇是否有替代方法，或者我必须学习也使用CSS过滤器。 感谢您的任何见解。

88 css 

我正在尝试获取HTML元素（body，div等）的背景图像，以拉伸其整个宽度和高度。 运气不好。是否有可能，或者除了背景图片外，我还必须采取其他方法吗？ 我当前的CSS是： body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } 提前致谢。 编辑：我不希望在Gabriel的建议中维护CSS，所以我改为更改页面的布局。但这似乎是最好的答案，因此我将其标记为这样。

88 html  css  background-image 

我想<input type="range" />垂直显示一个滑块控件。我只关心支持范围滑块控件的浏览器。 我发现一些注释和参考资料似乎表明将高度设置为大于宽度会导致浏览器自动更改方向，但是在我的测试中，这仅适用于Opera，而不再适用于Opera。如何垂直定位HTML5范围滑块？

88 html  css 

这是我简单的导航栏： <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> 我只是想防止这种情况崩溃，因为我不需要它，怎么办？ 我想避免编写30万行CSS来覆盖默认样式。 有什么建议吗？

88 css  twitter-bootstrap-3  navbar  collapse  preventdefault 

我想创建一个教程，它将引导用户确切地单击。我试图覆盖整个屏幕，<div>这会变得暗淡，除了一个所有元素特定区域是在一个固定的width，height，top和left。 问题是，我找不到“取消”父母的方法background-color（也是透明的）。 在下面的片段中，hole是应该没有任何div的div background-color，包括其父级的div 。 能做到吗？有任何想法吗？ #bg{ background-color:gray; opacity:0.6; width:100%; height:100vh; } #hole{ position:fixed; top:100px; left:100px; width:100px; height:100px; } <div id="bg"> <div id="hole"></div> </div> 运行代码段隐藏结果展开摘要 这是我要达到的目标的模型图：

88 javascript  jquery  html  css 

我唯一的问题是使它们排成三排并具有相等的间距。显然，跨距不能具有宽度，并且div（以及带有display：block的跨距）不能水平并排出现。有什么建议吗？ <div style='width:30%; text-align:center; float:left; clear:both;'> 是我现在所拥有的。

88 css  html 

我有一个div（#wrapper），其中包含2个并排站立的div。 我希望将右div垂直对齐。我在主包装器上尝试了vertical-align：middle，但是它不起作用。它让我发疯！ 希望有人能帮忙。 http://cssdesk.com/LWFhW HTML： <div id="wrapper"> <div id="left-div"> <ul> <li>One</li> <li>Two</li> </ul> </div> <div id="right-div"> Here some text... </div> </div> CSS： #wrapper{ width:400px; float:left; height:auto; border:1px solid purple;} #left-div{ width:40px; border:1px solid blue; float:left;} #right-div{ width:350px; border:1px solid red; float:left;} ul{ list-style-type: none; padding:0; margin:0;}

88 html  css 

在CSS中，静态（默认）定位和相对定位之间有什么区别？

88 css  static  positioning  css-position 

如何将悬停效果应用于a元素，而不应用于a具有class的元素active？ a:hover(not: .active) 似乎缺少某些东西。

88 html  css  css-selectors 

到底-webkit-transform: translate3d(0,0,0); 是做什么的？有性能问题吗？我应该将其应用于身体还是单个元素？似乎可以大大改善滚动事件。 感谢您的教训！

88 html  css  webkit 

这将选择所有<B>直接在<A>标签之后的标签： A+B { /* styling */ } 对于所有的选择是什么<A>直接的标签，随后通过<B>标签？ 这是适合我的问题的示例HTML： <a>some text</a> <b>some text</b>

88 css  css-selectors 

我敢肯定这个问题已经被问过了，但是我似乎找不到答案。 我有以下标记： <div id="foo"> <div id="bar"> here be dragons </div> </div> 我的愿望是使foo具有600px（width: 600px;）的宽度，并使bar具有以下行为： padding-left: 2px; padding-right: 2px; margin-left: 2px; margin-right: 2px; outerWidth: 100%; 换句话说，592px我不想将bar的宽度设置为，而是将bar的外部宽度设置为，100%以便将其计算为592px。这里的重要性在于，我可以将foo的宽度更改为，800px并且bar将在渲染时进行计算，而不是我必须手动对所有这些实例进行数学运算。 纯CSS是否有可能？ 一些更多的乐趣： 如果#bar是桌子怎么办？ 如果#bar是文本区域怎么办？ 如果#bar是输入怎么办？ 如果#foo是表格单元格（td），该怎么办？（这是否改变了问题，或者问题是否相同？） 到目前为止table#bar，input#bar已经进行了讨论。我还没有为textarea＃bar找到一个好的解决方案。我认为没有边框/边距/填充的自动div换行的textarea可能与div样式配合使用，可以作为的边框textarea。

88 css 

我们如何准确地间隔媒体查询以避免重叠？ 例如，如果我们考虑以下代码： @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } 在所有支持的浏览器上，分别以20em和45em会发生什么？ 我见过人们在使用：像799px然后是800px之类的东西，但是屏幕宽度为799.5 px呢？（显然不是在常规显示器上，而是在视网膜显示器上？） 考虑到规格，我对此最好奇。

88 css  responsive-design  media-queries 

我需要使以下代码可扩展到预定义的高度 <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> 但是由于span是内联元素，因此“ height”属性将不起作用。 我尝试使用div代替，但是它将扩展到上层元素的宽度。并且宽度应该是灵活的。 有人可以为此提出任何好的解决方案吗？ 提前致谢。

88 css  height  html