在悬停时是否可以触发父类？我知道它可以用jquery完成,但我想做一个纯粹的CSS解决方案.
我的代码:
.navbar-form{
padding-left: 55px;
.input-group{
width: 200px;
.form-control{
border-right: none;
width: 350px;
&:hover & {
border-color: blue;
}
}
.input-group-addon{
background-color: white;
border-left: none;
}
}
}
FIDDLE:http://jsfiddle.net/fcKyc/
当我专注于它时,期待拥有它input,.input-group-addon会做点什么.input并且图标是输入组的子项.
我正慢慢地学习jQuery,所以请原谅我的无知.我做了很多谷歌搜索,导致下面的弗兰肯斯坦例子.
在这个例子中,如果用户输入"Kasey" input,我希望div#pete有display:block.
提前致谢!
<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
var val = $("#fname").length;
if (val = Kasey) {
$("#pete").css("display", "block");
}
</script>
</head>
<body>
<p>Name: <input type="text" id="fname"></p>
<p id="pete" style="display:none;" >Pete</p>
</body>
</html>
我正在使用Vague.js来模糊div但我似乎无法让它工作.
我的JavaScript:
$(document).load(function() {
var vague = $('.zero').Vague({
intensity: 3,
forceSVGUrl: false
});
vague.blur();
});
我$(document).ready(...)先尝试过,但没有用,所以我转而去了.load(..)
HTML:
<div class="block zero">
<img src="images/rb.png" />
</div>
CSS:
.zero {
background: url(../images/11.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}