700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > CSS基本选择器及优先级顺序

CSS基本选择器及优先级顺序

时间:2019-10-31 00:10:55

相关推荐

CSS基本选择器及优先级顺序

CSS选择器是编写CSS代码时的一个核心概念,我们在设计网页页面时,使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。而HTML页面中的元素就是通过CSS选择器进行控制的,以下是自己在学习及工作过程中对CSS选择器的一些总结.

CSS基本选择器

一、标签选择器

body,div,p,ul,li...

二、类选择器

class="p1"

class="p2"

三、ID选择器

id="name",id="name_t"

四、全局选择器

*

五、后代选择器

#head .nav ul li

/* 从父元素到子孙元素的选择器 */

六、群组选择器

div,span,img {color:blue}

/*即具有相同样式的标签分组显示*/

七、继承选择器

div p

/*两选择器用空格键分开*/

八、子选择器

div>p

/* 带大于号>*/

九、相邻兄弟选择器

h1+p

/* 带加号+ */

CSS选择器优先级顺序

行内样式1000(例如<p class="style"></p>) > ID选择器100(#) > Class选择器10(.) > 类型选择器1(p/div)> 通配符0(*) > 自带样式 > 继承

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。