css设置id怎么用

html-css07

css设置id怎么用,第1张

如果你说的事ID选择器的话,例子如下

<HTML>

<head></head>

<style>

# d1{

width:100px

height:100px

background:pink

}

</style>

<body>

<div id=" d1">

</div>

</body>

</HTML>

id选择器在一个页面中只能有一个,能通过ID选择器为不同的元素进行样式的更改。在body页面里为需要的元素进行命名,再在style里通过ID名进行样式修改

//修改id

<script type="text/javascript">

document.getElementsByTagName("div").id = 'newid'

</script>

//修改css

document.getElementsByTagName("div").style.height = '100px';

document.getElementsByTagName("div").style.width = '100px';

......

id选择器。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。、

扩展:

不同于类选择器,ID 选择器不能结合使用,因为 ID 属性不允许有以空格分隔的词列表。

ID 能包含更多含义;类似于类,可以独立于元素来选择 ID。有些情况下,您知道文档中会出现某个特定 ID 值,但是并不知道它会出现在哪个元素上,所以您想声明独立的 ID 选择器。例如,您可能知道在一个给定的文档中会有一个 ID 值为 mostImportant 的元素。您不知道这个最重要的东西是一个段落、一个短语、一个列表项还是一个小节标题。您只知道每个文档都会有这么一个最重要的内容,它可能在任何元素中,而且只能出现一个。