您的位置：首页 > Web前端 > HTML

【html】通配符选择器

2016-03-16 23:15 711 查看
通配符选择器一般有三种：class,id和html

class:采用# id:采用.
html:直接是html的标签名称

通配符的优先级是：id>class>html

如果一个标签中同时有id和class,属性没有冲突则都会执行，但是如果属性有冲突，比如id中设置的class设置文字颜色为绿色，class中设置颜色为黄色，那么按照优先级则文字将显示绿色

例外，可以设置父子选择器<body>
你好，北京！！！
<span class="style1">新闻一</span>
<span class="style1">新闻二</span>
<span class="style1">新闻三</span>
<span id="style2">新闻四<span >这是一条很重要的新闻！<span>第二次嵌套span</span></span></span>
</body>css文件则为：
#style2 {
color:green;
font-size:30px;
background-color: silver;
}

#style2 span{
color:yellow;
font-weight:bold;
}

#style2 span span{
color:black;
background-color: silver;
}
例外，如有有两个cass,如下：
<span class="style1 style3">同时存在id和class</span>那么这种情况，执行的顺序不是根据class中的顺序来的，而是根据css中style1和style3的位置来判断，谁在后面，最终的效果就是谁，类似于效果覆盖。

补充.通配符

*{
margin:0px;
padding:0px;
}margin: 上 右 下 左  --》顺时针
若只有3个：margin: 0px 10px 20px 那么就是（上下） 右 左
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航