分享

css选择器

 瞎聊瞎看 2015-01-19
1、派生选择器(父子关系)
依据元素在其位置的上下文关系来定义样式。
父子标签中间以空格隔开
css:
li strong{
color:red;
}

strong{
 color:"#FF00FF";
}
##已经被定义好的效果,不会被覆盖;没有定义好的效果会被覆盖
2、ID选择器
可以为标有ID的html元素指定特定的样式
id选择器以#来定义
id选择器常常用于建立派生选择器

css:
#id名称{
color:"#FF00FF"
}
#id名称 a{
color:"#FF00FF"                              ##a代表a标签,给ID名称下的a标签设置样式
}

##常在div中加上id。
3、类选择器
calss  以一个点显示
也可以用作派生选择器
css:
.class名称{color:red} ##常在div中加上class。
.class名称 a{color:red} ##a代表a标签,给class名称下的a标签设置样式

4、属性选择器
对带有制定属性的html元素设置样式
属性选择器和值选择器
css:
<head>
<style type="text/css">
[title] ##属性选择器
{
color:blue;
}
[title=te] ##属性和值选择器(属性和值都对应的情况下,才会被应用)
{
color:red;
}

</head>
<body>
<p title="t">属性选择器<p> ##样式应用属性选择器
<p title="te">属性选择器<p> ##样式应用属性和值选择器
</body>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多