详见这里在其他地方,在HTML/CSS类名称的有效字符是az,AZ,0-9,连字符和下划线,并且第一个字符必须是字母.但实际上,大多数浏览器实际上支持哪些字符？更具体地说,我想知道什么浏览器正确理解类名中的斜杠(/),以及哪些浏览器支持以数字开头的类名.

我主要是想获得html而不是xhtml的答案,以防万一.

谢谢.

继续采用我的代码来使用IE ...

我有一个隐藏的div包含一个表单来编辑一些信息.当用户选择要编辑的项目时,将显示此div,并使用该项目的信息填充字段.div(简化术语)看起来像这样:

<div id="editform">
<form action="" method="post" id="qform" name="qform">
    First param: <input name="field1" id="field1"/> <br/>
    Second param: <input name="field2" id="field2"/> <br/>
    ...

    <input type="hidden" name="qid" id="qid" value=""/>

    <img id="submit" src="..." alt="..." title="..." />
</form>

我使用jquery将值设置为字段.我打开编辑div的功能看起来像这样:

function edit_item(item_id) {
    item = get_item(item_id);    //this will return a JS object
    $('#field1').val(item.property1);
    $('#field2').val(item.property2);
    ...
    $('#qid').val(item_id);
    $('#submit').click(function() {
        alert($('#qid').val());
        $('#qform').ajaxSubmit();
    });
}

所有这些在FF,Opera,Webkit和IE 9中运行良好,但在IE7和IE8中,我遇到了一个奇怪的问题.我可以item_id在edit_item函数中看到正确设置,但是一旦该函数完成,隐藏的输入值(qid)就会重置为空字符串.当表单被ajax提交时,警报会将值显示为空字符串,尽管它已正确设置.有趣的是,所有其他领域都很好.它在IE 9中正常工作.

我在这里错过了什么？提前谢谢了.

我刚遇到一种情况,产品名称会自动作为类名引入我的HTML,其中一个产品名称带有重音字母.它看起来像这样:

<div class="español">Hola</div>

If I add a CSS declaration with that class, like this:

.español {background:yellow;}

Will it cause any problems? It seems to work so far, but I'm not sure if it's completely cross-browser compatible.

Also, would it be any different if that were an id instead of a class? That seems to work so far, too, but again I am not sure if it'll hold up everywhere.

CSS 2.1将标识符定义为

在CSS中,标识符只能包含字符[a-zA-Z0-9]和ISO 10646字符U + 00A0及更高,加上连字符( - )和下划线(_); 它们不能以数字,两个连字符或连字符后跟数字开头.标识符还可以包含转义字符和任何ISO 10646字符作为数字代码.

因此,--应该是一个无效的标识符,因此#--不应该选择具有id="--"以下内容的元素:

body { color: black }
#-- { color: red }

<p id="--">I should be black.</p>

在属性选择器中,

属性值必须是标识符或字符串.

但--似乎作为属性值的标识符,至少在Firefox上:

body { color: black }
[id=--] { color: red }

<p id="--">I am red on Firefox.</p>

此外,CSS.escape已修改为允许--:

Firefox 32中进行了一些小的更改,以匹配规范和CSS语法的演变.标识符现在可以开头,-- 第二个破折号不能转义.

根据Wayback Machine,变化发生在2014年4月19日至30日之间:

• 2014年2月6日编辑的草稿,存储于2014年4月19日.

  如果角色是第二个字符并且是" - "(U + 002D)并且第一个字符也是" - …

v-stepper在 Vuetify 中使用组件时，边缘会出现一个默认的类似边框的形状：

我想删除它。我试图将 设置elevation为 0 但它不起作用。

<v-stepper v-model="e1" class="elevation-{0}">

代码笔

如何实现这一目标？

我正在尝试编写一个匹配有效的CSS类名结构的正则表达式.到目前为止我有这个:

$pattern = "([A-Za-z]*\.[A-Za-z]+\s*{)";

$regex = preg_match_all($pattern, $html, $matches);

但是,类名可以采用我的正则表达式不匹配的以下格式:

p.my_class{
}
p.thisclas45{
}

这些仅仅是一些情况,我已经四处查找了如何在样式块中命名类但无法找到任何内容的规则.任何人都知道类命名约定的规则在哪里？

我还需要考虑更多的案例吗？你会用什么正则表达式来匹配一个类名？

我已经使用PHP DOM Document类将其缩小为样式块.

有时我需要打印一个CSS类列表来找到合适的类.

最适合我的是JS控制台中的函数:在输入时加载和过滤JS类列表.

因此,例如,如果我需要记住一个图像类,我正在键入"Img",然后加载一个图像类列表("ImgFolder","ImgPencil"......).

好的,让我们从一个例子开始吧.
请记住,这只是一个例子.

<select id = "selection1">
    <option value = "1" id = "1">Number 1</option>
    <option value = "2" id = "2">Number 2</option>
    <option value = "3" id = "3">Number 3</option>
</select>

现在,从这里开始,我们有3个选项的下拉列表.
我现在要做的是隐藏一个选项.

添加style = "display:none"将不会帮助.
该选项不会出现在下拉列表中,但使用箭头键,您仍然可以选择它.
从本质上讲,它完全符合代码所说的内容.它没有显示,它停在那里.

JQuery函数$("#1").hide()不起作用.
另外,我不仅要隐藏选项,还要完全删除它.

这样做有可能吗？
我是否必须使用父/兄弟/子元素？如果是这样,我仍然不确定如何.

任何有关这方面的帮助将不胜感激.谢谢.
    
    

另一个问题 - 它是相关的

好的,所以我发现.remove()JQuery 中有一个可用的.效果很好.
但是,如果我想把它带回来怎么办？

if(condition)
    {
    $(this).remove();
    }

我可以循环这个.不应该复杂.
但我想要做的是这样的:

最大容量:(此处输入字段)
选择房间:(此处下拉列表)

我想要它做的是使用诸如.change()或之类的函数更新Dropdown .keyup.
我可以在输入内容后创建下拉列表.在更改或密钥更新时,相应地执行下拉列表.
但我正在做的是这样的:

$ roomarray = …

我正在对我正在进行的网站进行整理,并正在进行清理代码......删除不必要的标记,重命名元素以更好地描述其功能等等......

由于某种原因,我的页面布局在IE6中被破坏了.IE6仍然是公司计算机上的主要浏览器.浪费了很多时间后我终于确定了问题的根源.

我将包含页面主要内容的DIV元素重命名为"content".出于某种原因,IE并不欣赏这一点,我不知道为什么.

是否有某些单词不允许用作ID或类名？如果是这样,它们是什么以及哪些浏览器受到影响？

我class="[ col-xs-12 col-sm-offset-1 col-sm-5 ]"对bootstrap 3模板中的这个语句感到非常惊讶,我不确定它们之间有什么区别

class="[ col-xs-12 col-sm-offset-1 col-sm-5 ]"   

和

class="col-xs-12 col-sm-offset-1 col-sm-5"

您能否详细介绍一下这个括号的含义以及使用它们时的一些情况？