您的位置:首页 > Web前端 > CSS

css选择器

2015-11-11 15:56 399 查看

选择器

一次只使用一个选择器。

全局选择器

匹配所有的元素。

示例

/*设置系统的字体大小*/
*{
font-size: 13px;
}


元素选择器

匹配指定元素类型的元素。

类别选择器

匹配指定class的元素。

id选择器

匹配指定id的元素。   //注:找到唯一的元素,设置它的样式。

注:与js/jquery的选择器不同的是,css没有名字选择器。

组合选择器

一次使用多个选择器

需要为不同的元素,设置相同的样式

不同选择器匹配的元素,可以是父子关系,也可以不是。

不同的选择器,是或的关系。

示例

.class, #id, 元素{
}


需要为某个特定元素的子元素,设置样式

选择器匹配的元素,具备父子关系。

示例

.tableTdMarginAnalyze td{
padding:10px;
}


需要为某个具备某种样式的元素,设置样式

元素也是该元素,样式也是该元素的样式。总之,所有的选择器都是针对这一个元素。

不同的选择器,是并的关系。

这种情况的语法书写只能是这样,元素选择器.类别选择器。

示例

p.class {
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css选择器