css选择器

2021-08-14 22:58

阅读:604

标签:bsp   htm   允许   put   选择器   一个   空格   css选择器   use   1、id选择器 如以下程序: Title #i1{ background-color: #2459a2; height: 48px; } abcd id选择器中,标签的id是唯一的,不允许重复 执行结果如下: 2、class选择器 一般使用class选择器,程序如下: class选择器,class不仅限于一个标签使用 Title .c1{ background-color: red; height: 48px; } abcd 9876 3、div选择器 div标签中的内容显示该属性    div{ background-color: blue; height: 48px; } abcd abcd 4、层级选择器 以空格分开,如下: span div与.c1 div效果一样,都是将8888背景渲染    span div{ background-color: blue; height: 48px; } .c1 div{ background-color: blue; height: 48px; } qwer8888tyui 5、组合选择器: 以逗号分开,如下: .c1,.c2,.c3{ background-color: red; height: 48px; } efgh ijk lmn 这时三个div背景全是红色。 6、属性选择器: input[属性]{渲染背景} input[type=‘text‘]{ width:100px; height:200px; } 或者 .c1[type=‘text’]{ width:100px; height:100px; }  css选择器标签:bsp   htm   允许   put   选择器   一个   空格   css选择器   use   原文地址:https://www.cnblogs.com/wuxiaoru/p/12332360.html


评论


亲,登录后才可以留言!