二零二三年 优质公开课css选择器基础.pptx

CSS选择器基础了解CSS的选择器的基本知识一、什么是选择器二、选择器的语法三、选择器的分类四、注意事项1、什么是选择器在CSS中，选择器是一种匹配模式，用于选择需要添加样式的目标对象。2、选择器的语法CSS的语法由两个主要的部分构成：选择器，以及一条或多条声明。selector {属性名; 属性值; ...}选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。3、选择器的分类CSS选择器大致可以分为以下几类：ID选择器：#标签ID{属性名：属性值···}标签选择器：标签{属性名：属性值···}通用选择器* {属性名：属性值···}复合选择器： 由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。标签 #标签ID {属性名：属性值···}4、注意事项由于对CSS的解释是自上而下的，对于一个元素的相同属性描述，放在下面的会覆盖掉位于上面的属性描述，因此我们在对元素的选择中一定要注意书写顺序，如： a:visited {color: #00FF00; text-decoration: none} a:hover {color: #FF00FF; text-decoration: underline}采用这样的书写顺序，无论链接有没有被访问过，只要当鼠标移到链接上，链接都会变成蓝色并有下划线。但是，如果采用下面的书写顺序： a:hover {color: #FF00FF; text-decoration: underline} a:visited {color: #00FF00; text-decoration: none}如果链接被访问过，则当你鼠标移到链接上时不会变成蓝色并有下划线，依然保持绿色。CSS通过选择器以及不同的选择器组合，对页面进行样式描述。