CSS中,类的优先级是怎样的?我有个例子看不懂,麻烦高人解答

2024-11-18 23:25:48
推荐回答(1个)
回答1:

1.a img 和 img的不同之处:
a img 是代表的是标签a中的图片,仅控制带链接的图片。
img 是代表的是图片,包括已带链接和未带链接的图片。

2.引用类的优先级是采用就近原则。
.content_banner a img{float:left;}
.content_banner a img.aligncenter{display: block; margin-left: auto; margin-right: auto;}
这两条样式其实都采用了,
如果在.content_banner a img.aligncente添加右浮动,那么采用的样式就是.content_banner a img.aligncente。

3.只写a img.aligncenter{display: block; margin-left: auto; margin-right: auto;}有效,因为你的样式控制的是链接中的图片,
写 .aligncenter{display: block; margin-left: auto; margin-right: auto;}这只是代表一个class,但因为这个图片是一个链接图片,所以图片虽然采用了这条样式,但它会被链接样式给覆盖掉。

希望对你有所帮助。