美文网首页
CSS(层叠样式表)之复合选择器

CSS(层叠样式表)之复合选择器

作者: 左右_5536 | 来源:发表于2019-03-20 16:47 被阅读0次

交集选择器

由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.one,表示:类名为one的h3标签

并集选择器

div, p, span ,.one{}

常用于集体声明

后代选择器

子孙后代都可以选择,即选择任何包含在内的标签

写法:把外标签写在前面,内层标签写在后面,中间用空格分隔。

div  p {}   /*指选中div标签包含着的全部p标签*/

子元素选择器

子元素选择器只能选择作为某元素子元素的元素,不包含其孙子以及更里级的元素。

写法:父级标签写在前面,子级标签写在后面,中间跟一个>进行连接,注意,符号左右两侧各保留一个空格。

.div > h3 {}  /*div标签中的直接子元素h3,不包含孙子以外的,只能是亲儿子*/

相关文章

  • CSS选择器与文本样式

    CSS选择器以及文本样式 CSS学习 CSS 层叠样式表(Cascading Style Sheets)CSS可用...

  • selenium使用CSS定位页面元素

    一、CSS简介 CSS 指层叠样式表 (CascadingStyleSheets) CSS 选择器参考手册:htt...

  • CSS基本入门

    CSS 层叠样式表(cascading style sheets)(级联样式表) 1. 选择器分类 1.1 基础选...

  • CSS知识点整理(一)

    CSS基础和选择器 CSS是什么? css全称是Cascading Style Sheets,层叠样式表,是网页样...

  • CSS基础

    CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...

  • 网页编程day-39:CSS

    一、引入CSS样式与CSS选择器 1.css入门: (1)什么CSS? 1)CSS 指层叠样式表 (Cascadi...

  • CSS基础知识提纲

    1.1 CSS Part1 css层叠样式表 基础选择器 标签选择器: P{属性:值;} 类选择器:1..自定义类...

  • 关于CSS样式部分介绍

    CSS是什么? css(层叠样式表),层叠样式表...

  • CSS介绍

    CSS简介 CSS基础选择器 CSS字体属性 CSS文本属性 CSS的引入方式 CSS简介 CSS是层叠样式表(C...

  • css3

    一、CSS3 css:层叠样式表。CSS3的组成模块: 二、选择器 1.基本选择 1)通配符选择器(*) 2)id...

网友评论

      本文标题:CSS(层叠样式表)之复合选择器

      本文链接:https://www.haomeiwen.com/subject/vxhtvqtx.html