扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
在css中,css的选择器有很多种,其中就包括标签选择器,id选择器,类选择器,继承选择器,伪类选择器,全局选择器等八种选择器,使用比较多也就是前几种选择器。
目前累计服务客户1000+,积累了丰富的产品开发及服务经验。以网站设计水平和技术实力,树立企业形象,为客户提供网站制作、成都网站制作、网站策划、网页设计、网络营销、VI设计、网站改版、漏洞修补等服务。创新互联建站始终以务实、诚信为根本,不断创新和提高建站品质,通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合,为客户提供更好的一站式互联网解决方案,携手广大客户,共同发展进步。
标签选择器:通过标签名称来选取元素,例如 p 表示所有段落。类选择器:通过类名来选取元素,使用 . 符号来定义,例如 .my-class 表示所有具有 my-class 类名的元素。
标签选择器,也称为元素选择器。标签选择器的基本形式如下:tagName{property:value},其中tagName是标签名称,property是css的属性。类选择器。
行内样式:就是直接在html标签后面写样式代码 啊啊啊啊 用处:这种在标签内以style标记的为内部样式,内部样式只针对标签内的元素有效,因其没有和内容相分离,所以不建议使用。
选择器样式(Selector Styles):是 CSS 样式中最常见的一种,通过选择器选中需要设置样式的元素,然后为其设置样式。
CSS样式主要包含以下三种类型:行内样式(内嵌样式):结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。
外部样式表 即css样式表,需要新建一个css文件,用来放样式表。如果在html文件中调用样式表,需在html文件中点击 右键→CSS样式→附加样式表。
代表内联样式,如: style=””,权值为1000。代表ID选择器,如:#content,权值为100。代表类,伪类和属性选择器,如.content,权值为10。代表类型(元素)选择器和伪元素选择器,如div p,权值为1。
1、从样式选择器看权重优先级:important 内嵌样式 ID 类 标签 | 伪类 | 属性选择 伪对象 继承 通配符。
2、CSS选择器优先级 (1)CSS选择器都有权重值,权重值越大优先级越高。内联样式表的权重值最高,值为1000。id选择器的权重值为100。class选择器的权值为10。类型(元素)选择器的优先级为1。通配符选择器的优先级为0。
3、不过这个步骤是最复杂的,上面已经说过了。3,如果权重也一样,按照它在CSS样式表里声明的顺序,后声明的优先,例如:h1 {color: blue}h1 {color: red}最终胜出的是color: red。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流