扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
如果你说的事ID选择器的话,例子如下
10年积累的成都网站制作、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有泽库免费网站建设让你可以放心的选择与我们合作。
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具有唯一性,CLASS具有普遍性。
id样式用为#
ID:是指id为某个值的元素.CSS定义为:#div_id{}.定义之后就是ID为div_id的div是这种样式.范围单一,一般用于指定的元素.
class类样式用为.
类:是指class为某一个值的元素.CSS定义为:.div_class{}.定义之后就是类为div_class的div是这种样式.范围好控制,需要用这种样式的就给他class就行了.
可以这样理解:
一、元素:就是html标签,比如table,tr,td,img,input等等,在对这些使用css的时候,元素名前面可以不用加任何符号,如:对网页中所有input元素用一个css样式,那么可以在样式中写 input{样式}
二、ID:如果想在网页中某个特定地方使用css,这时候就可以给那个元素一个ID,在样式的时候,ID前面要加“#”,比如:想对ID为test的表格应用一个css样式,可以写作 #test
三、类就是大多数情况下都可以调用的,在前面要加个“.”,然后在使用的时候用 “class=类名”
css样式的原则是这样的,如果有多个元素(大于等于2个),并且需要设置有相同的样式,则可以把他们的class属性设置成一样的,统一进行设置,如果多个元素(大于等2),每个元素之间都没有共同的样式,则可以针对每个元素设置唯一的id属性,对这个唯一的id属性进行设置,就可以显示不同的效果,楼主这样的情况,可以选择对两个元素设置id属性,通过不同的id显示不同的样式效果,但是两个文本框如果有共同的属性也是可以设置class属性的,这个是不冲突的,如果回答的解决了您的问题,请采纳。
W3C标准
中对于ID与CLASS的设定是:ID具有唯一性,CLASS具有普遍性。
而目前大部分浏览器确实可以定义页面中多个元素的ID相同,并赋以相同的样式,因为目前的浏览器和CSS都对其
睁一只眼闭一只眼
。
就比如说法律规定你做好事,但你也可以去做坏事一样。这是一个标准,你可以遵守,也可以不遵守,但是不遵守的后果很严重。
在CSS中你可能不会碰到太大的问题。但是当用
JavaScript
调用ID时,问题就来了,比如下面的代码:
p
id="html"人aaaaa/p
code
id="html"fffff/code
scriptalert(document.
getElementById
("html").
innerHTML
)/script
这个弹出的结果是
人aaaaa。而
下面的元素就完全被忽略了。
这只是一个
小小的测试,具体到做项目的时候会碰到什么后果就没法预计了。
所以建议你还是遵守标准来设计网页。
ID在页面中必须唯一。这样才符合
web2.0
标准。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流