遵义汽车网

网页开发中是不是不能使用id选择器和标签名选择器?

发布时间:2019-09-17

主要应用于声明不同优先级、不同适用范围的样式。

【HTML选择器】
三者中优先级最低的选择器。
用于最基础样式的定义,比如定义页面整体的字体(给body定义font),链接的样式(给a定义颜色、下划线等属性),列表项的符号样式(给li定义list-style),段落的间距(给p定义padding或者margin)等等。 这种声明优先级最低。
举例:
body, table td { font:normal 12px/1.8 Arial; }
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:1px solid #ccc; }
.box li { padding-left:15px; background:url(arrow.png) 5px center no-repeat }

【ID选择器】
三者中优先级最高的选择器。
一般用于一个页面中仅出现一次的容器,也常常作为js的接口。例如页面上的导航条(#nav)、页脚(#footer)、侧边栏(#sider)、主要内容(#mainBody)等等。
举例:
#nav { padding:10px 0; background:url(../images/nav.png) 0 -124px repeat-x; }
#footer { border-top:3px solid #630; }
#sider { float:right: width:298px; border:1px solid #ccc; }

回复:

楼主,你搞错逻辑了.
h2#sidebar这个是表示id为sidebar的h2标签,例:<h2 id="sidebar">h2标题,id为sidebar</h2>;
而#sidebar h2这个表示的是id为sidebar的标签下的h2标签,例:<div id="sidebar"><h2>h2标题,id为sidebar</h2></div>

回复:

1、相同的class属性值,可以在html中出现多次。id属性值在页面中只能出现一次。 2、一个class的属性可以有多个值,也就是说一个标签可以有多个类。 建议尽量使用类选择器。 什么时候使用id选择器: 当能确定当前页面中标签只会出现一次,这时候...

回复:

不是无效,应该是被其他样式影响了,F12看一下,display被谁覆盖了。

回复:

可以使用,也可以显示样式。 说一个页面不能有相同的两个id,说的是如果用js获取这个id的时候会出错,因为两个相同的id的话,js就不知道获取哪个了,蒙圈了。

回复:

楼主,你搞错逻辑了. h2#sidebar这个是表示id为sidebar的h2标签,例:h2标题,id为sidebar; 而#sidebar h2这个表示的是id为sidebar的标签下的h2标签,例:h2标题,id为sidebar

回复:

主要应用于声明不同优先级、不同适用范围的样式。 【HTML选择器】 三者中优先级最低的选择器。 用于最基础样式的定义,比如定义页面整体的字体(给body定义font),链接的样式(给a定义颜色、下划线等属性),列表项的符号样式(给li定义list-st...

回复:

什么时候用id,什么时候用class? W3C标准这样规定的,在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class。这样,一般网站分为头,体,脚部分,因为考虑到它们在同一个页面只会出现一次,所以用id,其他的,比如说你定义了...

回复:

class 是类选择器 id 是id选择器 都是在css定义类名的时候用到,原则上都可以用,但是一般用类选择器,用id可能与后台程序id类重名

上一篇:她说我在干吗我说在上班也在想她她说还有这种操作我应该怎么回复 下一篇:安徽高考理科 为什么查不到录取

    返回主页:遵义汽车网

    本文网址:http://0852auto.cn/view-208353-1.html
      信息删除