html中id选择器用法css中id选择器

html中id选择器用法css中id选择器

html中怎么选择class下的id你想问的是JS方面的还是CSS方面的？
CSS，类名选择器用.开头，id名选择器用#开头
原则上来说，id名是不能重复的，所以并没有必要选择类名选择器中的id名选择器，直接用id名选择器即可，比如：
style
????#con?{
????
????}
/style
div?class="box"?id="con内容/div
如果你问的是JS，直接使用getElementById方法即可
div?class="box"?id="con内容/div
script
????var?con?=?document.getElementById('con');
/script
css派生选择器，id选择器,类选择器的具体定义和作用派生选择器：通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。
派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使HTML代码变得更加整洁。
比方说，你希望列表中的strong元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器：
li?strong?{
font-style:?italic;
font-weight:?normal;
}
请注意标记为strong的代码上下文关系：
pstrong我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用/strong/p
ol
listrong我是斜体字。这是因为?strong?元素位于?li?元素内。/strong/li
li我是正常的字体。/li
/ol
id选择器可以为标有特定id的HTML元素指定特定的样式。
id选择器以"#"来定义。
下面的两个id选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：
#red?{color:red;}
#green?{color:green;}
下面的HTML代码中，id属性为red的p元素显示为红色，而id属性为green的p元素显示为绿色。
p?id="red"这个段落是红色。/p
p?id="green"这个段落是绿色。/p
注意：id属性只能在每个HTML文档中出现一次。
在CSS中，类选择器以一个点号显示：

.center?{text-align:?center}
在上面的例子中，所有拥有center类的HTML元素均为居中。
在下面的HTML代码中，h1和p元素都有center类。这意味着两者都将遵守".center"选择器中的规则。
h1?class="center"
This?heading?will?be?center-aligned
/h1
p?class="center"
This?paragraph?will?also?be?center-aligned.
/p
注意：类名的第一个字符不能使用数字！它无法在Mozilla或Firefox中起作用。
CSS里的HTML选择器、类选择器、ID选择器用于哪些范围？主要应用于声明不同优先级、不同适用范围的样式。
【HTML选择器】
三者中优先级最低的选择器。
用于最基础样式的定义，比如定义页面整体的字体（给body定义font），链接的样式（给a定义颜色、下划线等属性），列表项的符号样式（给li定义list-style），段落的间距（给p定义padding或者margin）等等。这种声明优先级最低。
举例：
body,tabletd{font:normal12px/1.8Arial;}
a{color:#ff0;text-decoration:none;}
a:hover{color:#ff6;}
p{text-indent:2em;}
【类选择器】
用于来定义一类可以在同一个页面内重复利用的样式。如比较常用的.clearfix（一般是用于清除浮动），或者自己定义的用于新闻列表的样式，详细的写好链接、列表、边框以及背景等属性，有些人还会习惯把一些常用的属性作为一个类。
举例：
.clearfix{clear:both;content:.;height:0;overflow:hidden;zoom:1;}
.fl{float:left;}
.red{color:red;}
.box{border:1pxsolid#ccc;}
.boxli{padding-left:15px;background:url(arrow.png)5pxcenterno-repeat}
【ID选择器】
三者中优先级最高的选择器。
一般用于一个页面中仅出现一次的容器，也常常作为js的接口。例如页面上的导航条（#nav）、页脚（#footer）、侧边栏（#sider）、主要内容（#mainBody）等等。
举例：
#nav{padding:10px0;background:url(../images/nav.png)0-124pxrepeat-x;}
#footer{border-top:3pxsolid#630;}
#sider{float:right:width:298px;border:1pxsolid#ccc;}
关于HTMLID选择器不可以。id选择器是唯一的，即使不同的标签也不可以相同
label#id的意思是选择有此id的这个标签
如果用class选择器则可以
span.aaa
cite.aaa
一个html中使用多次相同id会怎么样在一个html网页中多次使用相同CSS命名的id样式，一般浏览器对应样式都会生效。如果是特效使用ID这样如果多次使用相同命名cssid
，网页JS会报错，同时特效也不会生效。ID选择器特定是具有唯一性，所以实际使用时候无论网页是否特效使用ID，大家都要遵循同一网页只能使用调用一次id。
htmlid选择器问题。可以使用，也可以显示样式。
说一个页面不能有相同的两个id，说的是如果用js获取这个id的时候会出错，因为两个相同的id的话，js就不知道获取哪个了，蒙圈了。
2024-09-18