码迷,mamicode.com
首页 > Web开发 > 详细

css 选择器1

时间:2018-04-03 17:32:23      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:code   body   log   gpo   属性选择器   div   选择   red   元素选择器   

1.通配符选择器

*{}可以与任何元素匹配

2.选择器分组(元素选择器)

div,p{

background-color:red;//表示所有div元素和p元素背景颜色都是红色

3.类选择器

.divclass{

color:red;//表示所有class="divclass"的元素文本颜色都是红色

}

4.多类选择器

.divclass.userclass{

font-size:4px;//选择 class="divclass userclass"

}

5.id选择器

#divclass{

font-family:"times new Roman";//选择 id="divclass"

}

6属性选择器

div[class]{

font-weight:bolder;//选择有class属性的div的文本粗细

}

div[title][class]{

box-shadow:10px 10px 5px #888888;选择有title和class属性名的div

}

css 选择器1

标签:code   body   log   gpo   属性选择器   div   选择   red   元素选择器   

原文地址:https://www.cnblogs.com/ZL0508/p/8708442.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!