草庐IT

【CSS】CSS样式的优先级

全部标签

javascript - 如何从 JavaScript 设置和触发 css 转换

我是html5、css和javascript的新手,大部分时间我只是在玩。我想要做的是设置并触发一个div的转换。页面加载后,我设法通过设置过渡来做到这一点。但这感觉不是很有活力,而且似乎不是正确的方法。我感谢任何帮助body{text-align:center;}#dialPointer{position:relative;margin-left:auto;margin-right:auto;width:23px;height:281px;background:url(pointer.png);background-size:100%100%;background-repeat:no

javascript - 在 Knockout 中连接 CSS 名称

我想知道如何为我的KnockoutViewModel中的元素应用使用$data连接的css类名。目标当用户单击“赞美”按钮(我的ViewModel数组中的一个元素)时,我想将css类“feedbackItemIconPraise”应用到LI。如果用户点击“批评”,我想应用类“feedbackItemIconPraise”。我假设使用$data在data-bind属性中连接一个css类是可行的方法,但可能是错误的。代码我的ViewModel的相关部分:varFeedbackViewModel=function(){varself=this;self.feedbackItemTypes=[

javascript - 以编程方式测试特定的 css 属性兼容性(调整文本区域的大小支持)

我正在跨浏览器网站上实现一个可调整大小的文本区域。现在在FF/Chrome/Safari中,以下内容:textarea{resize:both;}像魅力一样工作。一点点嗅探让我来到这里:http://www.w3schools.com/cssref/css3_pr_resize.asp我在哪里得知Opera和IE不支持这个属性。没什么大不了的,下面的javascript可以负责检测,其中包含对resizable()的jqueryUI调用以实现功能:if((navigator.userAgent.indexOf('Trident')!=-1)||(navigator.userAgent.

javascript - 检查 css 背景大小支持的方法

我正在开发一个主要使用background-size:cover属性作为背景的网站。但是我想支持IE7/8,我知道我可以使用IE条件注释,但检查属性支持会更有用,因为它可以支持其他旧浏览器,而不是仅支持IE。我有背景问题的解决方案,但我需要知道何时使用js添加它,具体取决于是否支持background-size属性。我的问题是,在旧浏览器中检查cssbackground-size属性的最佳方法是什么?我看到了一些相关的问题,但它们都需要使用Modernizer,我宁愿不使用额外的库,除非它是唯一的选择。谢谢。 最佳答案 if('ba

javascript - 是否可以在 Javascript 的 css3 转换期间获取 objective-c ss 属性值?

我有两个div绝对定位并且我将它们相对定位。当一个的width发生变化时,我会重新计算并设置位置。当我在“width”属性上使用css3transition时,当我尝试获取动画的“width”时,它会为我提供dom上的当前值。但我想获得过渡的目标值,以便在过渡效果开始时正确设置位置。是否可以通过javascript或其他方式获取目标值?编辑下面是一个jsfiddle演示我的问题。它提醒“100px”,但我需要获得“300px”。http://jsfiddle.net/Mdbgs/谢谢。 最佳答案 那是因为.css('width')正

javascript - 用于检查 JSX 文件中代码样式的工具

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion普通Javascript有许多漂亮的代码格式化工具。例如,JSCS.是否有任何工具可以验证和格式化reactjs模板?我现在有这样的错误Unexpectedtoken

javascript - 如何在特定情况下使用 JavaScript 加载特定的 css 文件?

我想://Displayloaderspinner//CheckifIDorClassexistinHTMLPage//IfIDorClassarefound,loadaspecificcssfile//DisplayHTMLPAGE这可能吗? 最佳答案 在JavaScript中,这是检查页面中是否存在类的方法:varisClassExist=document.getElementsByClassName('yourClass');if(isClassExist.length>0){//elementswithclass"yourC

javascript - 评论高亮css过渡效果

我正在尝试实现当链接到另一个页面上的目标元素时,目标会突出显示然后淡化为默认页面颜色(即白色)的效果。我正在寻找的一个简单示例与在StackOverflow上查看链接评论时相同:CSS:highlightedtexteffect当您第一次查看评论时,它会以一种颜色突出显示,然后过渡为白色。我能够让它从白色变成另一种颜色,但似乎无法反过来,也找不到任何直接帮助的资源。要从白色变为红色,我有::target{border-radius:3px;background-color:red;transition:background-color1slinear;}html:将您带到目标的链接:A

javascript - 如何在我的 React 应用程序中使用样式化组件?

我很难命名这个问题,它看起来很宽泛,所以,请原谅我哦版主。我正在尝试styledcomponents第一次尝试将其集成到我的React应用程序中。到目前为止,我有以下内容:importReactfrom'react';importstyledfrom'styled-components';constHeading=styled.h1`background:red;`;classHeadingextendsReact.Component{render(){return({this.props.title});}}exportdefaultHeading;所以,只是一个普通的类,但随后我在

javascript - 样式加载器不适用于 Webpack2

我已经简化了我的webpack2配置。但这仍然不起作用(没有错误和警告)。webpack.config.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constsvgDirs=[require.resolve('antd-mobile').replace(/warn\.js$/,''),path.resolve(__dirname,'src/assets/svg'),];module.exports={entry:path.join(__dirname,'src/ind