关于css的问题

关于css的问题,第1张

不少错误……

通错:CSS注释用的是 / /,而不是 //

y

颜色代码前是 # 而不是 $

#fff000

p1

这句对应的HTML为:

<p class="1">内容区</p>

这句也有错误,选择器第一个字符不能为数字,color的值,blank?打错了吧 =w=! black。

$mydiv,p

$mydiv,这是神马选择器?CSS中不存在!只有 "#" 与 ""

如果只是书写错误的话,换成:#mydiv

而这里:#mydiv,p

这是一个群选择器,只是起 到一个统一声明的作用,而不是你所说的,而你所说的应为这选择器:

#mydiv>p /子代选择器/

#mydiv p /同阾选择器/

t p,e p

这里, “ t ”和“ e ”为class(类)选择器,p为html标签,即标签选择器,而这里:

t p 和 e p 为同阾选择器(如果没记错的话貌似是这样叫……=w=)

而整条的话,只是一条群选择器。

群选择器用 “,” 连接。

还有,不要看少了 t 前的那一个点!

以上……=w=

jquery可以使用如下代码删除孩子节点

$(object)children(selector)remove();  // 删除object元素下满足selector选择器的子元素,不填写则默认删除所有子元素

创建Html元素及css样式

<div id="top"> 

<div>

这是孙辈元素

<li>孙代的li-1</li>

<li>孙代的li-2</li>

<li>孙代的li-3</li>

</div>

<span>子代的span</span>

<li>子代的li-1</li>

<li>子代的li-2</li>

<li>子代的li-3</li>

</div>

<input type="button" value="点我删除子代的li" name="btn1">

<input type="button" value="点我删除子代所有元素" name="btn2">div{padding:10px 20px;margin:5px 0;border:4px solid #ebcbbe;}

div#top{width:250px;height:250px;}

li{margin:10px 0;}

jquery代码

$(function(){

$("input[name='btn1']")click(function() {

$("#top")children('li')remove();

});

$("input[name='btn2']")click(function() {

$("#top")children()remove();

});

})

查看效果

删除子代的li的效果

删除子代所有元素的效果

以上就是关于关于css的问题全部的内容,包括:关于css的问题、jquery 如何删除孩子节点、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9535224.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存