这里面的@media print {是表示什么选择器？ 5
<htmlxmlns='http://www.w3.org/1999/xhtml'xml:lang='en'><head><title>print</title><sty...
<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>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu
massa. Phasellus est eros, malesuada vel, tempus quis, pharetra at,
lacus. Ut sit amet libero. Aliquam erat volutpat. Morbi erat. Nunc
et purus vitae tortor sodales auctor. Nulla molestie. Pellentesque
ante mauris, tristique ac, placerat sit amet, placerat nec, ante.
Vestibulum interdum. Donec vitae tellus. Aliquam erat volutpat.
Aenean dictum dolor ut sem.
</p>
</body>
</html> 展开
<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>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu
massa. Phasellus est eros, malesuada vel, tempus quis, pharetra at,
lacus. Ut sit amet libero. Aliquam erat volutpat. Morbi erat. Nunc
et purus vitae tortor sodales auctor. Nulla molestie. Pellentesque
ante mauris, tristique ac, placerat sit amet, placerat nec, ante.
Vestibulum interdum. Donec vitae tellus. Aliquam erat volutpat.
Aenean dictum dolor ut sem.
</p>
</body>
</html> 展开
1个回答
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
