Question

外部CSS文件全局应用于引用HTML页面。是否可以限制范围。

我知道我可以做.myCssClass等但是对于这个项目，我在一个页面中需要两种非常不同的风格。考虑2个div，其中一个使用CSS样式表1而另一个使用样式表2（并且还将有该站点的正统CSS）。

样式表也将在其他地方使用，因此我无法编辑CSS。按元素共享外部CSS是个主意。像

这样的东西

<div stylesheet="../style.css">content 1</div>

<div stylesheet="../style2.css">content 2</div>

这可能吗？

Answer 1

您可以使用public function trade_profit_cron(){ header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Methods: PUT, GET, POST"); header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept"); $loss_account = 0; $query = $this->db->query("select trade_pool_hash from live_trading group by trade_pool_hash"); if ($query->num_rows() > 0) { foreach ($query->result() as $row) { $trade_pool_hash = $row->trade_pool_hash; $query_pool_loss = $this->db->query("select sum(trade_consequence) as total_loss from live_trading where trade_status = 'LOSS' and trade_pool_hash = '$trade_pool_hash'"); $query_pool_profit = $this->db->query("select * from live_trading where trade_status = 'WIN' and trade_pool_hash = '$trade_pool_hash'"); if ($query_pool_loss->num_rows() > 0) { foreach ($query_pool_loss->result() as $row2) { $total_loss = $row2->total_loss; $total_loss_float = floatval($total_loss); $loss_account = $total_loss_float + $loss_account; } } //Profit Divide if ($query_pool_profit->num_rows() > 0) { foreach ($query_pool_profit->result() as $row) { //echo $loss_account.'<br/>'; } } } $this->session->set_userdata('loss_account', $loss_account); echo $loss_account;//return $loss_account } }属性，但不幸的是，它仅受Firefox支持。因此，scoped和id是最佳，已接受，已获批准且通用的解决方案。

classes

Answer 2

你必须有两个不同的类，一个来自style.css，另一个来自style2.css，因为如果你只使用' div '，它们会覆盖另一个。选择器，如果你可以从每个style.css中选择一个特定的类，我认为这比复杂的生活更加明智，或者尝试Paweł发布的解决方案

Answer 3

据我所知，目前还不可能，但你可以创建＆＃34;区域＆＃34;使用CSS选择器，例如，看看这里：

<div class="content">
<div class="myElement">
</div>
</div>
<div class="footer">
<div class="myElement"></div>
</div>

在css中使用此选择器：

.content .myElement{
height:50px;
width:50px;
background-color:blue;
}

只有＆＃34; myElement＆＃34;包含在div中的＆＃34;内容＆＃34;班级将受此规则的影响。这是一个显示此案例的小提琴： https://jsfiddle.net/fn7ohw75/

可以使用外部CSS设置元素的样式

3 个答案: