嵌套式 css 怎么写
时间: 2023-03-27 13:01:22 浏览: 80
嵌套式 CSS 可以使用选择器嵌套的方式来实现,例如:
```
.parent {
background-color: #fff;
padding: 20px;
.child {
font-size: 16px;
color: #333;
}
}
```
这样,`.child` 选择器就嵌套在了 `.parent` 选择器中,可以方便地对子元素进行样式设置。
相关问题
css内嵌式字体加粗
在CSS内嵌式中,可以使用font-weight属性来设置字体的加粗程度。常用的取值有normal(默认值,不加粗)、bold(加粗)、bolder(更加粗)、lighter(更加细)、100-900(数字越大,字体越粗)。例如,下面的代码将文本设置为加粗的Georgia字体:
```css
<style>
p {
font-family: Georgia, serif;
font-size: 12px;
font-weight: bold;
}
</style>
<p>这是一段加粗的文本</p>
```
css媒体查询需要写两套css吗
不需要写两套CSS。CSS媒体查询可以在同一个CSS文件中编写,只需要在link标签中使用media属性指定不同的媒体类型和特征即可。例如,以下代码将在屏幕宽度小于600像素时应用样式表styleA.css,而在屏幕宽度大于等于600像素时应用样式表styleB.css:
```html
<link rel="stylesheet" media="screen and (max-width: 600px)" href="styleA.css">
<link rel="stylesheet" media="screen and (min-width: 600px)" href="styleB.css">
```