我有如下的div样式：<div class="icon red" style="flex: 0.8">如果我想从div属性中移动样式，这是正确的方法吗：
<div class="icon red" style="flex: 0.8">
<div class="iconred"> <style> div.iconred { flex: 0.8; } </style> </div>
kqlmhetl1#
<div class="icon red" style="flex: 0.8">该div有两个不同的类：icon和red。在CSS中，你使用了div.iconred，它表示一个元素只有一个类，类iconred。因此，实际上应该使用div.icon.red，因为它会查找具有icon和red类的div元素。
icon
red
div.iconred
iconred
div.icon.red
<head> <style> div.icon.red { flex: 0.8 } </style> </head> <body> <div class="icon red"></div> </body>
<style>标签必须始终放置在head元素中。随着scope属性的弃用，将其放置在body中不再有效。
<style>
ddhy6vgd2#
不，这是不正确的，如果你想添加样式到一个元素，你有选项：
内联风格就像你先做的那样，内部样式定义在HTML页面的某个部分，在<style>元素内。外部样式在HTML页面的<head>部分添加链接
<head>
在本例中，您希望使用Internal style，因此必须将style元素移动到<head>部分。正确的方法：
Internal style
style
<head> <style> div.iconred { flex: 0.8; } </style> </head> <body> <div class="iconred"> </div> </body>
阅读更多documentation
xghobddn3#
我相信，你在期待这个
<style> #my-element { display: flex; flex: 0.8; color: red; } </style>
你可以像下面这样使用它
<div id="my-element">my text!</div>
3条答案
按热度按时间kqlmhetl1#
<div class="icon red" style="flex: 0.8">该div有两个不同的类：
icon和red。在CSS中，你使用了
div.iconred，它表示一个元素只有一个类，类iconred。因此，实际上应该使用
div.icon.red，因为它会查找具有icon和red类的div元素。<style>标签必须始终放置在head元素中。随着scope属性的弃用，将其放置在body中不再有效。ddhy6vgd2#
不，这是不正确的，如果你想添加样式到一个元素，你有选项：
内联风格就像你先做的那样，
内部样式定义在HTML页面的某个部分，在
<style>元素内。外部样式在HTML页面的
<head>部分添加链接在本例中，您希望使用
Internal style，因此必须将style元素移动到<head>部分。正确的方法：
阅读更多documentation
xghobddn3#
我相信，你在期待这个
你可以像下面这样使用它