相关疑难解决方法(0)

当使用 JSF Web 应用程序框架时，表单内元素的 ID 可以由框架自动生成，并且当组件驻留在其 ID 为 的表单中时，框架会自动为该元素form1生成 形式的 ID 。form1:foo虽然可以关闭此功能，但我想知道是否可以为其 ID 格式为 的元素定义 CSS ID 选择器foo:bar。

提前致谢。

我有一个来自数据库的任意字符串。我想将此字符串作为HTML类名称放置在网页上。我不确定会遇到什么角色。如何删除空格和特殊字符，使其成为CSS类名“安全”？

经过一些研究，似乎空间和这些字符需要删除：

!"#$%&'()*+,./:;<=>?@[\]^`{|}~

删除它们的最佳方法是什么？

例如,我可以使用这样命名的css变量: --Button.onHover？

请注意,CSS变量与CSS选择器不同(我必须解释这个,因为有人将此标记为重复).这是模块superfly-css-variables-colors的一个例子:

      :root {
        --percentage-lightest:  91%;
        --percentage-lighter:   78%;
        --percentage-light:     65%;
        --percentage-median:    52%;
        --percentage-dark:      39%;
        --percentage-darker:    26%;
        --percentage-darkest:   13%;

        --percentage-low: 25%;
        --percentage-high:  50%;

        --percentage-link-hover: 25%;
      }

好.首先让我说我刚刚开始学习jQuery,我已经对自己采取了各种挑战,所以我可以更快地学习.今天,我有一个非常新手的问题,如果答案显而易见,那么道歉.我在点击相应的列表时使用JQuery来显示特定值.

我不知道我做错了什么.基本上,我创建了一个无序列表,我想要实现的是,如果单击每个链接,则更改应该特定于每个列表项的跨度值(因此每个列表项将具有不同的跨度值).但是下面的脚本不起作用.关于我做错了什么或我该做什么的任何想法？: -

<ul class="stag">
    <li><a class="$200" href="#d1">Display</a></li>
    <li><a class="$300" href="#d2">Shirt</a></li>
    <li><a class="$400" href="#d3">Dress</a></li>
    <li class="amount"></li>
    **<span>$200</span>**
</ul>

这是jQuery代码: -

 $(document).ready(function() {
      ("ul.stag li").click(function(){
        var activePd = $(this).find("a").attr("class");    //the clicked list
        $(".stag span").html(activePd.html());
            return false; 

       });
    });

任何人都可以帮忙吗？多谢你们 :)

通过使用带有 css 规则的 css 文件，我只想选择 css 类 (ie).tblGenFixed 而不是规则 (ie) 的 css 值opacity: 0.3。

这是我的正则表达式： /(\.([\w_]+))/g

这是我的替代解决方案，但它不起作用 /(?!\{)(\.([\w_]+))(?!\})/g

我在 regex101 中设置了一个例子https://regex101.com/r/gG4nN4/1

如何忽略 css 规则值？

以下是有效的类名吗？

.text-moretext

.text&text

.text_text

.text(text)

我想任何允许包含特殊字符的CSS类？

我今天可能已经盯着电脑屏幕看了太久而且看了一些小东西,但为什么我不能瞄准这些单个细胞呢？(a1,a2,a3等......)

<div class="row-a">
    <div class="a">
        <div class="1"></div>
            sdf
    </div>
    <div class="a">
        <div class="2"></div>
    </div>
    <div class="a">
        <div class="3"></div>
    </div>
    <div class="a">
        <div class="4"></div>
    </div>
    <div class="a">
        <div class="5"></div>
    </div>
    <div class="a">
        <div class="6"></div>
    </div>
    <div class="a">
        <div class="7"></div>
    </div>
    <div class="a">
        <div class="8"></div>
    </div>
    <div class="a">
        <div class="9"></div>
    </div>
    <div class="a">
        <div class="10"></div>
    </div>
</div>

CSS:

div.row-a div.a div.1 {
    border: 1px solid green;
    margin-left: 5px;
    margin-top: 5px;
    background-color:red;
    height: 50px;
    width: 50px;
}

jsFiddle:http://jsfiddle.net/tuHLE/

我的CSS问题.它应该使用类(用于倒计时)设置div的颜色,但文本的颜色不会改变.我尝试了很多修复,但无法使其正常工作.这是相关的CSS:

.10seconds, .9seconds, .8seconds, .7seconds, .6seconds { color: #00b200 ;}
.5seconds { color: #ADFF2F ;}
.4seconds { color: #E5E500 ;}
.3seconds { color: #FFA500 ;}
.2seconds { color: #FF5719 ;}
.1seconds { color: #FF0000;}

和相关的HTML:

<div id='timer' class='10seconds'>10</div>

#timer我的CSS文件中没有设置规则.完整的CSS在这里.

提前致谢.

我刚刚在我正在工作的网站上遇到了这个。它是我以前没有见过的东西，并且在任何地方都找不到任何解释，所以希望有人能解释一下。

因此，我遇到了一个用以下格式标记了 2 个类的元素：

<div class = "class1, class2"></div>

我以前从未见过像这样分配给一个元素的多个类..对我来说它看起来像一个选择器..我希望它们像这样添加：（不带逗号）

<div class = "class1 class2"></div>

这是我以前从未遇到过的有效 CSS，还是我刚刚在页面上发现了一个有点奇怪的错误？

我正在尝试选择元素 class="{c}"

<div id="main">
    <div class="{c}">  some data </div>
    <div class="{c}">  some data </div>
    <div class="{c}">  some data </div>
    <div class="{c}">  some data </div>
</div>

这是我的jQuery代码：

$('#main').find('.{c}' ).each(function()
{
    console.log($(this).html());
})

但我得到错误：

Uncaught Error: Syntax error, unrecognized expression: .{c}

如何选择此元素？

顺便说一句，我正在使用chrome puppeteer从某些网站上抓取数据……我不拥有该网站，无法更改类名