UC知道这里面的@media print {是表示什么选择器？
来源：百度知道 编辑：UC知道 时间：2024/06/04 13:48:51
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<title>print</title>
<style type='text/css'>
@media screen {
p {
width: 200px;
height: 200px;
padding: 10px;
margin: 10px;
border: 1px solid gold;
background: yellow;
overflow: auto;
text-align: justify
}
}
@media print {
p {
width: 2in;
padding: 0.25in;
border: 1pt solid black;
text-align: justify;
}
}
p > span.code {
background: yellow;
}
p.note > span.code {
background: lightyellow;
}
</style>
</head>
<body>
<p>
<head>
<title>print</title>
<style type='text/css'>
@media screen {
p {
width: 200px;
height: 200px;
padding: 10px;
margin: 10px;
border: 1px solid gold;
background: yellow;
overflow: auto;
text-align: justify
}
}
@media print {
p {
width: 2in;
padding: 0.25in;
border: 1pt solid black;
text-align: justify;
}
}
p > span.code {
background: yellow;
}
p.note > span.code {
background: lightyellow;
}
</style>
</head>
<body>
<p>
使用“media”来指定特定的媒体类型，
如屏幕（screen）和打印（print）的样式表，当然还有其他的，比如说“TV”,“handheld”等，其中“all”表示的是支持所有媒体介质。有关于更多的Media类型，可以点击这里。
@media print {} 意思就是当前在打印的时候引入里面的样式