草庐IT

CSS的hover属性

全部标签

javascript - 使用 webpack、bookmarklet-loader、style 和 css-loader 创建书签

我正在尝试使用bookmarklet-loader创建一个小书签以及样式加载器和css加载器。但是我在将css导入我的小书签时遇到了问题。这是我的webpack.config.js:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constCleanWebpackPlugin=require('clean-webpack-plugin');module.exports={entry:{index:'./src/index.js',bookmarklet:'./src/book

javascript - 无法设置属性 ... 未定义 --- 奇怪

我在Chrome中遇到了一个奇怪的错误...请查看下面的屏幕截图。我使用对象字面量语法定义记录。我尝试设置“id”属性并得到异常。我都试过了:record['id']='wtf';还有record.id='wtf';我在我的脚本中到处都使用这种类型的语法......这里会发生什么?这是Chrome中的错误吗?编辑:我现在已经解决了这个问题,但我仍然不确定为什么会这样。我将记录的定义移到了ifblock之外。任何人都知道会发生什么?我认为所有变量声明都限定在函数范围内,因此这应该不是问题。 最佳答案 问题很可能是dl小于或等于零,因此

javascript - 如何在 JavaScript 中测试 CSS 选择器?

我如何测试CSS1-3选择器以检查它们是否获得了正确的元素,例如使用JavaScript(也许是jQuery)? 最佳答案 到目前为止,最简单的传统方法是根本不使用JavaScript,而只是手动设置一个测试页面,您可以在其中测试选择器是否满足您的需求。您在Web上看到的测试用例(如众所周知的CSS3.infoSelectorsTest)实际上只是在线托管的增强版本。但是如果您正在寻找JavaScript方法,您可以尝试SelectorsAPI.它在现代DOM实现(IE8+和其他)中可用,它提供了一个JavaScript前端,用于使

javascript - 如果 "value"字段为空,如何添加占位符属性

如果您有一个“值”属性为空的文本输入字段,是否可以添加占位符属性(占位符标记,而不是“默认值”和类似方法)?我在这里看到过很多类似的问题,但大多数都是使用defaultvalue。我需要占位符标签,而且我根本无法影响HTML输出。这是给定的HTML输出示例: 最佳答案 我建议采用以下任何一种方法:$('input:text').each(function(i,el){if(!el.value||el.value==''){el.placeholder='placeholdertext';/*or:el.placeholder=$('

javascript - 灯箱背景颜色应使用 CSS 覆盖整个屏幕

这是我的页面网址http://sample.com/mytest.php在此页面中,如果我们单击“登录”按钮,它将显示一个黑色背景的弹出屏幕。但是如果我们缩小页面,那么它会减小背景颜色的大小。但是如果我们缩小,我想覆盖整个屏幕的背景。我在我的页面中使用了下面的代码。.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:2000%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(

javascript - 如何有条件地将属性添加到 javascript 对象文字

我正在尝试执行以下操作以满足代码构建器(具体来说是SenchaCmd)的要求。这就是我需要做的本质。关键因素是函数体必须以对象文字的返回结束。由于构建器中的限制,我无法返回变量。因此,如果参数“includeB”为真,如何在下面的伪代码点添加属性“b”,但如果参数为假,则根本不添加属性。即不允许b==undefined或b==null。也许这是不可能的。functioncreate(includeB){//CanhavecodeherebutthefinalthingMUSTbeareturnoftheliteral.//...return{a:1//pseudocode://if(i

javascript - 使用数据属性按字母顺序对 div 进行排序

我想使用数据属性值按字母顺序对htmldiv进行排序。我有以下代码,想知道如何实现olarksnapengagehelponclickhangoutsatlasshipchatchathipforcesugarsmscapsulehighrisenimblebatchbookcrmsolveinsightlypipelinershopifywordpressMagentovaralphabeticallyOrderedDivs=$('.value').sort(function(a,b){return$(a).attr('data-site')>$(b).attr('data-site

javascript - 获取 Selenium 中选定元素的所有 CSS 属性的值

假设我通过XPath使用以下方法找到了一个元素:WebElementwe=driver.findElement(By.xpath("someXPath"));我知道我可以通过we.getCssValue("someproperty")获取特定CSS属性的值,但是我可以获取所有属性的值而不必提及它们的名称吗明确? 最佳答案 不幸的是这对于原生SeleniumAPI是不可能的。但是使用Javascript你可以:您可以使用一些javascript支持,使用Seleniums的JavascriptExecutor.executeScrip

javascript - 按属性在 JSON 中搜索的最简单方法是什么?

"names":[{"id":17,"user_id":9,"code":"de","name":"IchbinHans","created_at":"2017-07-3112:43:19","updated_at":"2017-07-3112:43:19"},{"id":18,"user_id":9,"code":"en","name":"MynameisHans","created_at":"2017-07-3112:43:19","updated_at":"2017-07-3112:43:19"}]有没有什么方法可以在jQuery中从上面的JSON数组中获取带有code='en'

javascript - 图像加载后的 Jquery 延迟加载,不应用 css

我在jQueryLazy-DelayedContent,ImageandBackgroundLazyLoader中使用这个插件我试图在延迟加载后向图像添加图像边框颜色和图像边框厚度,但它似乎没有效果。如果我在开发人员控制台按“检查”,我可以看到此属性已添加到图像样式,但其效果未显示在屏幕上。HTMLJQuery$('img.lazy').Lazy({scrollDirection:'vertical',visibleOnly:false,afterLoad:function(element){element.css('border-width','thick');element.css