当前位置:妙知谷 >

职场理财 >职场就业 >

css几种选择器的使用

css几种选择器的使用

如何让CSS样式对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,HTML页面中的元素就是通过CSS选择器进行控制的。

操作方法

(01)标签选择器一个完整的HTML页面有很多不同的标签组成,比如div、p,而标签选择器,则是决定哪些标签采用相应的CSS样式,标签的样式声明如下:

css几种选择器的使用

(02)ID选择器ID选择器在某一个HTML页面中只能使用一次,就像只有一个身份证 (ID)一样,不重复!代码<div id="div2"></div>样式声明如图:用符号”#“

css几种选择器的使用 第2张

(03)类选择器符号“.”使页面中的某些标签(可以是不同的标签)具有相同的样式,

(04)通用选择器符号“*”,对整个网页中所有HTML标签进行样式定义,这种功能类似“标签选择器”,覆盖的对象更加广泛,是整个HTML的所有标签,功能是强大,但是这样反而限制了它的灵活性。有些时候为了浏览器的兼容问题,需要对html内的所有标签进行重置,一般放在CSS文件的最顶端,比如

css几种选择器的使用 第3张

选择器的集体声明

(01)在我们使用选择器的时候,有些标签样式是一样的,或者某些标签都有共同的样式属性,我们可以将这些标签集体声明,不同的标签用“,”分开,比如:

css几种选择器的使用 第4张

选择器的嵌套

(01)选择器也是可以嵌套的,每个标签之间隔一空格,如:#div1 p a{color:#900;}/*意思是在ID为div1内的p标签内的链接a标签的文本颜色为红色*/

标签: 选择器 CSS
  • 文章版权属于文章作者所有,转载请注明 https://miaozhigu.com/zh-hans/zclc/jiuye/z17qgv.html