草庐IT

【CSS】CSS样式的优先级

全部标签

javascript - 与 rails 异步的样式表

我想异步加载我的javascript和样式表以获得更好的加载性能;使用javascript我知道我可以异步加载javascripts:javascript_include_tag"应用程序",:async=>true它适用于javascripts。但这对于像这样的stylesheet_link_tag是不可能的:stylesheet_link_tag"应用程序,:media=>"all",:async=>true这也是做到这一点的“好”方法吗?谢谢我正在使用rails3.2.12和ruby​​1.8.7 最佳答案 async属性在上

javascript - 从 Knockout.js 选项数组中删除后重新初始化 Materialize.css 选择框

我有一个选择框,其中的选项和选择是通过Knockout.js处理的。我想使用MaterializeCSS设计它的样式。此功能可正常用于选择框的初始显示,并且当将选项添加到optigon.js'options'observablearray时,通过使用“optionsfafterrender”绑定(bind)在添加每个选项后的(rereret)初始化(浪费,浪费,但有效)。删除选项时,Knockout.js不提供类似于“optionsAfterRender”的任何内容,因此没有明显的方法来触发MaterializeCSS魔法的重新初始化。问题:您是否可以看到任何非疯狂的选项?代码:('s

javascript - 如何使用 javascript 或 jquery 生成 CSS 路径?

对于如何为元素生成CSS路径有什么建议吗?CSS路径是用于标识特定元素的css选择器的路径,例如,如果我的html是:123然后,“3”的类路径将是div#foodiv.barullispan.selectedJQuery使用类路径来识别DOM元素,可能会提供一个很好的解决方案,但直到现在我都找不到。 最佳答案 我不明白为什么这个问题被否决了,这是一个很好且合理的问题这是一个关于如何做到这一点的(过于简单的)例子functiongetPath(elem){if(elem.id)return"#"+elem.id;if(elem.ta

javascript - 如果禁用 javascript,.htc 样式的行为是否仍然有效?

如果禁用javascript,.htc样式的行为是否仍然有效?我想使用whatever:hover创建一些只有css的drodpowns,并且想知道如果js被禁用,IE是否仍然会关注htc文件。 最佳答案 一句话,没有。两个词,为了满足SO回复框,“不”和“不”(再次)。 关于javascript-如果禁用javascript,.htc样式的行为是否仍然有效?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

javascript - 正则表达式以最小化 CSS

我有一个用node.js编写的前向聚合器/最小化器/缓存器。现在效果很好。不过,我想知道是否有任何方法可以改进我的最小化正则表达式调用。一些注释并没有完全从CSS中删除,我注意到这里和那里还有一些其他问题。此外,考虑到我使用正则表达式的能力,我可能可以在一半的调用中完成相同的操作。:)如有任何建议,我们将不胜感激。谢谢。functionminimizeData(_content){varcontent=_content;content=content.replace(/(\/\*.*\*\/)|(\n|\r)+|\t*/g,'');content=content.replace(/\s

javascript - 你能为 AJAX 调用添加优先级吗

我正在创建一些使用ajax来获取页面信息的插件。现在有不同的插件执行不同的功能。所有插件都需要单独使用,但我也想添加它们可以很好地协同工作的功能。所有不同的插件都有自己的JavaScript文件和功能。这在HTTP请求方面没有问题,因为大多数人都有在网站部署时将所有文件合并为一个的插件。--现在是我的问题。正如我所说,不同的插件获得网站的不同部分。例如,帖子计数、用户推文、用户统计信息、帖子评论。现在我可以指定从网站调用此信息的优先级。我认为我无法将它们全部合并到一个ajax调用中,因为它们都是单独的工作组件。任何人都知道一个很好的解决方案,我可以如何具体化以首先获得评论,然后是统计数

javascript - 忽略 ASP.net 中的 Javascript、CSS 和图像文件路由

我上下调整了StackOverflow,但不幸的是,没有一个答案对我有帮助。我有一个Web应用程序,它使用VisualStudio提供的IIS在我的本地PC上完美运行,但是当我将此应用程序部署到服务器时,只有CSS才能正确显示。文件的文件夹结构如下:Root(此文件夹在服务器上名为KnowledgeManagement)CSSJS媒体上传文件图片用户我的代码,至少母版页的头部部分是这样的:然而,浏览器生成它是这样的:问题是除了CSS之外,JS文件夹中的文件和Media或Uploads文件夹和子文件夹中的文件都没有正确生成。问题是,如果我在图像src属性前添加“斜杠”,图像将获取位置ht

javascript - CSS @media 查询(和其他嵌套选择器)的正则表达式解析

我正在开发一个Node脚本,它使用正则表达式来解析CSS文件,并且它工作得很好......除了处理@media查询时。问题是由于嵌套的花括号让我很不舒服。我基本上想创建一个媒体查询中所有内容的捕获组:这是我到目前为止所获得的内容。@media[^{]+\{([^}]+)}\s*}这适用于一些简单的事情,例如:@media(max-width:868px){aside.size-toggle{display:none;}}但是不能拾取多个嵌套规则,像这样:@media(max-width:767px){#wrapper.sidebar-displayaside{left:0;transi

javascript - 当我在 css 中使用 margin auto 属性时,如何使用 javascript 获取 margin left size

我有div与margin:auto;我只需要得到margin-left使用javascript的大小值:)//css.test{margin:auto;width:100px;height:100px;outline:1pxsolidred;}//htmlTestLiveexample 最佳答案 使用这个:1)使用jQueryvarleft=$(".test").offset().left;2)或者,第二个版本是:将您的div替换为,并使用这个js。varleft=document.getElementById("test").of

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')