css嵌套样式,css嵌套样式设置字体为楷体

怎样在CSS中嵌套

CSS结构好的话，没有必要使用过多的类或者标识选择符。这是因为你可以指定在选择符内的选择符，而不必使用CSS嵌套。（或者更好的说法，上下文选择符--译者著）

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]

相关问答

Q1: CSS怎么嵌套样式？

.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;

}

Q2: css怎么表现内嵌

你好，内嵌样式是混合在HTML标记里使用的，用这种方法，可以很简单的对某个元素单独定义样式。内嵌样式的使用是直接将在HTML标记里加入style参数。而style参数的内容就是CSS的属性和值，如下例：

p style="color:red;margin-left: 20px;"

Q3: css里面什么是内嵌样式？

就是把样式写在页面里面。

比如在head标签里写上style/style，然后把样式写在这里面，就叫做内嵌样式。