小编And*_*man的帖子

使用CSS隐藏仅包含空格的元素

我试图在自动生成的HTML文档中隐藏以下元素:

  <p id="sitspagedesc" class="sitspagedesc">

    </p>
Run Code Online (Sandbox Code Playgroud)

在某些页面中,<p>标记将包含内部值,但在其他页面中,它只能包含空格,如示例中所示.我需要找到一种隐藏它的方法,以便仅使用CSS隐藏它,因为更改HTML不是一种选择.

我试图隐藏它使用

.sitspagedesc:empty
{
display:none;
}
Run Code Online (Sandbox Code Playgroud)

但是这不起作用,大概是因为元素包含的空格.

有没有人有什么好主意?

谢谢 :)

html css hide pseudo-class

23
推荐指数
3
解决办法
2万
查看次数

是否可以通过文本修饰来设置CSS线的动画?

我试图用CSS在一些文本上制作一条线,但它实际上并不是动画,只是从隐藏到显示.任何人都可以建议我正在尝试的是否真的有可能吗?如果没有,还有另一种方法可以达到这个目的吗?HTML:

<div>
    The text in the span <span class="strike">is what I want to strike out</span>.
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

@keyframes strike{
                from{text-decoration: none;}
                to{text-decoration: line-through;}
            }
 .strike{  
    -webkit-animation-name: strike; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: strike;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; 
    }
Run Code Online (Sandbox Code Playgroud)

html css3 css-animations

3
推荐指数
2
解决办法
7381
查看次数

正则表达式匹配Javascript中的回车

我试图写一些Javascript来隐藏一些只包含回车的元素.我理解解决这个问题的正确方法是停止创建这些元素,但不幸的是,在这种情况下这是不可能的.我正在尝试使用正则表达式来搜索不需要的元素但是没有太多运气.我写的函数如下:

function HideEmptyP()
{

    var patt = (\\r)
    for(var i = 0;i<desc[i].length;i++);
    {
    var desc[i] = document.getElementsByClassName('sitspagedesc');
    var result[i] = patt.test(desc[i]);
        if (result[i] == true)
            {
            desc[i].style.display='none';
            }
        else
            {
            alert("No Match!");
            }
    }
Run Code Online (Sandbox Code Playgroud)

我在Web控制台中遇到的错误是"语法错误:非法字符".

感谢有关如何解决这个问题的任何想法.

提前致谢.

javascript regex

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

html ×2

css ×1

css-animations ×1

css3 ×1

hide ×1

javascript ×1

pseudo-class ×1

regex ×1