执行下面两句代码,空元素a会设置一个文本,并且有蓝色边框:
$("a:empty").text(":empty");
$("a:parent").css("border", "3px solid blue");
但如果将这两句代码换下位置,像下面这样,空元素a就只设置了文本,没有边框:
$("a:parent").css("border", "3px solid blue");
$("a:empty").text(":empty");
请教这是怎么回事?
前后顺序问题,上面两句先执行给空A标签,添加文本后执行A为父元素的元素添加边框
下面的相反,代码是由上而下解析的,所以下面的没有设置边框
$("a:empty").text(":empty");这句代码把选定的a的行内样式重置了,所以就没有边框了