CSS高级选择器部分内容

层选择器包括

后代选择器:标签一空格标签二(两个都存在,生效样式)空格可以多个但不能有别的符号

只有第二行文字没有变色~

p标签无法包裹块元素!

p标签无法包裹块元素!

p标签无法包裹块元素!

---------------------------------------------------------------------------------------------------------------------------------

子选择器:标签一>标签二(标签一后面的标签二)

标签一和标签二之间的空格随便加,字符不能乱哦!(别乱插进去奇奇怪怪的东西呀!>︿<)

———————————————————————————————————————————

相邻选择器

点类名+标签名                    下图中第三个要显示的m变色

 ——————————————————————————————————————————

通用选择器

点类名~标签名

类选择器下面的所有标签都会变样式

 图中第一个和第二个是没有样式变化的,第三个有,div里面的li不受影响,4、5有变化。

——————————————————————————————————————————————————————————————————————————————————————

属性选择器

1.标签[属性]{样式属性:值;} 匹配带属性的标签改变样式

2的颜色会产生样式效果 

2.标签[属性=name]{属性:值;} 匹配属性的name相同的标签改变样式

 只改变了定义列表3的样式

3.标签[属性*=x]{属性;值;}匹配属性的值中含有x的标签进行改变(区分大小写)

 111和222的颜色变更

标签[属性^=name]{属性:值;}指定属性的开头是name(这个name中如果包含了特殊符号要用单引号或者双引号把整个name包裹起来表示一个整体)
标签[属性$=“.name”]{属性:值;}指定属性的结尾是name

 今天的内容就到这里啦~

明天会有后续补充的(大概)

( •̀ ω •́ )✧


版权声明:本文为chihuomiao原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。