元素1 元素2 元素2 元素3 元素2
原创
2022-05-31 15:23:57
2337阅读
~[data-has-dropdowns]:hover ~ .data_site_mark { height: 100vh; }+ 只能控制兄弟元素 最接近目标
原创
2023-02-14 09:15:47
1187阅读
用于动态增加class类名
.addClass( className )方法
1. .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名
2. .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名
注意事项:
.addClass()方法不会替换一个样式类名。它只是简单的添
转载
2024-10-31 08:46:36
28阅读
学完CSS+Div的视频,感觉讲的挺清晰的,不看不知道,一看吓一跳。原来CSS能够为网页增色不少呢! CSS全称是Cascading Style Sheet,层叠样式表。它把网页的样式和内容分离开,实现了两者的解耦。让样式的控制更加的灵活。 在Html大家庭中。CSS主要负责Html样式、JS常常作为触发的事件、xml能够传输小量的数据、Aj
前两天不知道是哪位同学问的问题,鼠标滑过一个div的时候,怎么控制子集元素属性的出现和隐藏,然后我说用用mouseover和mouseout这两个鼠标事件就行,那如果js不怎么熟悉的时候,可以用CSS: hover方法来写吧。方法:使用a 控制其他块的样式:使用a控制a的子元素 b: .a:hover .b { ...
原创
2021-07-28 11:57:41
726阅读
前两天不知道是哪位同学问的问题,鼠标滑过一个div的时候,怎么控制子集元素属性的出现和隐藏,然后我说用用mouseover和mouseout这两个鼠标事件就行,那如果js不怎么熟悉的时候,可以用CSS: hover方法来写吧。方法:使用a 控制其他块的样式:使用a控制a的子元素 b: .a:hover .b { ...
原创
2022-04-23 22:34:34
630阅读
点赞
使用方法:.父元素:hover .子元素(hover和子元素之间需要一个空格),如: .a:hover .b 演示效果:代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .alarm:ho ...
转载
2021-08-18 15:11:00
831阅读
2评论
jQuery控制CSS<head>
<script type="text/javascript" src="./js/jquery-3.3.1.js"><script>
<script type="text/javascript">
$(function(){
//给按钮添加点击事件
$('#btn').click(function(){
//前面设
转载
2023-08-04 13:20:23
495阅读
(1). 父对子:①. 指父元素触发hover事件,并且控制父元素中的子元素做出响应
<div class="d1">
<p class="p1">hello</p>
</div>
.d1:hover .p1{
color:#fff
}(2). 子对父:①. 指子元素触发hover事件时,其父元素做出相关相应
<div class
原创
2023-09-20 20:55:34
1213阅读
(1). 父对子:①. 指父元素触发hover事件,并且控制父元素中的子元素做出响应
<div class="d1">
<p class="p1">hello</p>
</div>
.d1:hover .p1{
color:#fff
}(2). 子对父:①. 指子元素触发hover事件时,其父元素做出相关相应
<div class
原创
2023-10-10 11:22:11
772阅读
层可以随着页面滚动而滚动,说明肯定是脱离了标准流的,CSS样式表 position:absolute;因为是上下移动,所以 就是要改变层的CSS样式中的top属性定位),在jquery中有一个scrollTop属性,用于获取页面滚动的高度。所以在每次页面滚动 的时候,将浮动层的高度设置为 (初始值)+ scrollTop即可。 但是scrollTop在ie和其
转载
2023-12-28 14:45:14
102阅读
div class="detail_list_icons"> div class="detail_list_icon"> img class="detail_list_iman">
原创
2022-12-30 11:33:49
1179阅读
隐藏!
转载
2020-12-23 19:51:00
1286阅读
2评论
1、元素浮动–float属性通过浮动可以使一个元素向其父元素的左侧或右侧移动,使用 float 属性来设置元素的浮动, 可选值:none 默认值 ,元素不浮动 left 元素向左浮动 right 元素向右浮动注意:元素设置浮动以后,水平布局的等式便不需要强制成立元素设置浮动以后,会完全从文档流中脱离,不再占用文档流的位置, 所以元素下边的还在文档流中的元素会自动向上移动浮动的特点:浮动元素会完全脱
转载
2023-12-13 23:11:11
229阅读
网上有很多资料是关于通过hover显示或隐藏指向元素的子元素具体是这样<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...
原创
2021-09-16 11:32:53
1592阅读
a.a2{line-height:100px;text-align:center;text-decoration:none;background-color:#54ABE1; color:#fff;border:1px solid darkgray;display:block;width:100px;height:100px;backgroud-color:red;position:relativ
原创
2023-04-10 10:45:27
55阅读
<!DOCTYPE html><html><head><style>a.a2{line-height:100px;text-align:center;text-decoration:none;background-color:#54ABE1; color:#fff;border:1px solid darkgray;display:block;width:100px;height:100px;backgroud-color:red;position:relative;overflow:hidden;}a.a2 input{cursor:point
转载
2013-03-28 21:25:00
111阅读
2评论
元素的显示与隐藏: 类似网站广告,当我们点击就不见了,但是重新刷新页面,会重新出现。本质:让一个元素在页面中隐藏或者显示出来。常用的三种方法:display、visibility、overflow1.display属性:display属性用于设置一个元素如何显示参数: none:隐藏对象; &
转载
2024-04-03 21:00:22
155阅读
网上有很多资料是关于通过hover显示或隐藏指向元素的子元素具体是这样<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...
原创
2022-01-24 11:12:04
377阅读
项目场景:这篇博客是在做《生活资讯网》项目是遇到的一个问题,是关于伪类的一个知识点的应用。问题描述:我们有时候会对一个元素使用:link :visited :hover :active选择器,设置它们的样式:或者通过这个元素来对另外一个元素设置样式。这个项目里面就用到A元素去设置B元素的样式但是根据正常的css写法,它实现不了效果。 解决方案:/*----主体部分----*/
<body&g
转载
2023-08-22 20:17:05
346阅读