知道这可能是一个荒谬的问题,但使用*universal选择器之间的区别是什么,我知道它适用于页面上的每个元素并仅使用html？
例如:
* {
margin: 0;
padding: 0;
}
和
html {
margin: 0;
padding: 0;
}
<html>
<head>
<title>Events!</title>
<!-- Loading my CSS -->
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<div id="box-container">
<div class="box" id="box1">I'm a box</div>
<div class="box" id="box2">I'm a box</div>
<div class="box" id="box3">I'm a box</div>
</div>
<div class="box" id="tricky-box">Tricky box</div>
<button id="secret-button">Super Secret</button>
<input id="secret-input"></input>
<!-- Ignore this stuff till later -->
<br>
<hr>
<hr>
<hr>
<br>
<div class="d1">1
<div class="d2">2
<div class="d3">3</div>
</div>
</div>
<!-- Loading my JS -->
<script src="js/myapp.js" type="text/javascript"></script>
所以我希望box2在mouseon上将颜色改为红色,我想知道这是正确的:
window.onload = function() {
box2.onmouseover = function(event){
box2.setAttribute = ("style", …