如何选择id以数字(css)开头的元素?

时间:2015-06-19 12:32:58

标签: css html5

SELECT

我有上面的HTML(自动生成,无法更改),我尝试在CSS中选择整个DIV。页面上有几个“wcustomhtml”,因此ID是我唯一的选择。我想是直截了当的。

但我无法选择它。我不明白。

既没有#634670717473476800也没有div#634670717473476800设法选择div。可以不选择仅由数字组成的ID吗?

编辑:所以如果它是有效的HTML,那可能是错的。 Chrome检查元素和firebug都不允许我根据检查器中的ID创建规则。

2 个答案:

答案 0 :(得分:9)

您可以通过以下方式访问它:

<强> CSS:

[id='634670717473476800']{
    background-color:red;
}

<强>演示:

https://jsfiddle.net/h82bvpeh/1/

或逃避:

<强> CSS:

#\36 34670717473476800{
    background-color:green;
}

<强>演示:

https://jsfiddle.net/h82bvpeh/2/

引自https://mathiasbynens.be/notes/css-escapes

  

如果标识符的第一个字符是数字,则需要   基于其Unicode代码点逃避它。例如,代码点   因为角色1是U + 0031,所以你可以将它作为\ 000031或   \ 31。

     

基本上,要转义任何数字字符,只需在\ 3前后加上前缀   附加空格字符()。是的Unicode!

来自http://www.w3.org/TR/html5/single-page.html#the-id-attribute

关于HTML5 ID

  

ID可以采取什么形式没有其他限制;在   特别是,ID可以只包含数字,以数字开头,开始   带下划线,仅包括标点符号等。

答案 1 :(得分:0)

工作正常:http://jsfiddle.net/pnhr43wx/

<div id="634670717473476800"></div>
<script>
alert($('#634670717473476800').html());
</script>

您确定这是您的实际HTML吗?做一个view-source而不是inspect元素。检查器也会显示生成的HTML,这可能不是您的选择器运行时的实际HTML。