十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
CSS结构好的话,没有必要使用过多的类或者标识选择符。这是因为你可以指定在选择符内的选择符,而不必使用CSS嵌套。(或者更好的说法,上下文选择符--译者著)
创新互联 - 简阳服务器托管,四川服务器租用,成都服务器租用,四川网通托管,绵阳服务器托管,德阳服务器托管,遂宁服务器托管,绵阳服务器托管,四川云主机,成都云主机,西南云主机,简阳服务器托管,西南服务器托管,四川/成都大带宽,成都机柜租用,四川老牌IDC服务商
1、比如:
ExampleSourceCode
#top{ background-color:#ccc; padding:1em } #toph1{ color:#ff0; } #topp{ color:red; font-weight:bold; }
2、这就减去不必要的类或者标识选择符,如果应用到像这样的HTML中:
ExampleSourceCode
dividdivid="top" h1Chocolatecurry/h1 pThisismyrecipeformakingcurrypurelywithchocolate/p pMmmmmmmmmm/p /div
这是因为,用英文半角空格间隔选择符,我们指明了在标识id内的h1有“#ff0”的颜色,而p则是红色red和粗体bold。这可能也会有些复杂(因为可能不止两级,比如在内在内在内在内等等)。有必要多加练习。
[img].input_1:hover{
border:1px solid #9C0;
}
.input_1:hover .input_2{
background:#9C0;
}
.input_2:hover{
background:#9C0;
}
.input_2:hover .input_1{
border:1px solid #9C0;
}
你好,内嵌样式是混合在HTML标记里使用的,用这种方法,可以很简单的对某个元素单独定义样式。内嵌样式的使用是直接将在HTML标记里加入style参数。而style参数的内容就是CSS的属性和值,如下例:
p style="color:red;margin-left: 20px;"
就是把样式写在页面里面。
比如在head标签里写上style/style,然后把样式写在这里面,就叫做内嵌样式。