我正在处理的这个页面上的HTML标签是在一个给它顶部padding的类中28px.当点击一个按钮时,我需要暂时离开,但似乎我不能改变HTML标签本身的样式.
我需要position: relative;在身体标签或类似的东西上使用吗?有没有办法将CSS分配给我不知道的HTML标记?
@ 评论:
对不起,我在这里有点匆忙.这是有效的:
<html class='pad_my_top'>
<head>
<style type='text/css'>
.pad_my_top{
padding-top: 28px;
}
body{
background: #000000;
}
</style>
<script type='text/javascript'>
function its_gone(){
// Something here to remove padding.
alert("It's gone. Hurray!");
// Something to put it back.
}
</script>
</html>
<body>
<button onClick='its_gone()'>Click me to get rid of the top padding</button>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我真的希望它消失,所以我可以用Javascript打印页面,但我宁愿不使用任何第三方代码,因为这是一个Wordpress的插件,我不想要十亿依赖.我只需要隐藏/重新显示3个div和(重新)更改2个样式.
我知道:empty伪类会选择所有没有子元素的元素,但我只想选择带有text-nodes作为子元素的元素.
我的超链接底部边框与文本颜色不同,但这是一个问题,因为超链接图像也是下划线.
我试图a *:not(*){ border-bottom-width: 0; }解决这个问题,但它没有用.有没有办法选择a只有儿童文本节点的标签?