在HTML中,id和class是元素最基本的两个属性。一般情况下,id和class都是用来选择元素,以便进行CSS操作或者JavaScript操作。
id属性具有唯一性,也就是说在一个页面中相同的id只能出现一次。如果出现了多个相同的id,那么CSS或者JavaScript就无法识别这个id对应的是哪一个元素。
我们可以为同一个页面的相同元素或者不同元素设置相同的class,然后使得相同class的元素具有相同的CSS样式。
---------------------------------------------------------------------------------------------------------------------------------
什么是选择器?
在CSS中,有很多方式可以把你想要元素选中,这些不同的方式其实就是不同的选择器。选择器的不同,在于它的选择方式不同,但是它们的最终目的是相同的。
- 元素选择器,就是选中相同的元素,然后对相同的元素定义同一个CSS样式。
语法:
-
-
说明:
对于id选择器,id名前面必须要加上前缀“#”,否则该选择器无法生效。id名前面加上“#”,表示这是一个id选择器。
-
-
-
说明:
class名前面必须要加上前缀英句号(.),否则该选择器无法生效。类名前面加上英文句号,表明这是一个class选择器。
-
-
- 语法:
说明:
父元素和后代元素必须要用空格隔开,从而表示选中某个元素内部的后代元素。
- 语法:
-
- 语法:
说明:
对于群组选择器,两个选择器之间必须要用英文逗号(,)隔开,不然群组选择器就无法生效。
- ---------------------------------------------------------------------------------------------------------------------
- 语法:
- 当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
- 见上文
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/qdhtml/81837.html