Question

要做到这一点还有干嘛，但我找不到它。

<a href="image.jpg"> <!-- Don't repeat "image.jpg" -->
    <img src="image.jpg" /> <!-- HEY, you repeated "image.jpg" ! -->
</a>

Answer 1

如果没有javascript或jquery， DRY 解决方案是不可行的。使用jQuery：

 $("a").has("img").each(function(){
     $(this).find("img").attr("src", $(this).attr("href"));
 });

Answer 2

DRY不应该走极端，有时重复代码有时是不可避免的或不切实际的，如果你做A到B然后A到C到B只是为了避免重复代码。 HTML不是DRY可以真正应用的代码。除非您使用JavaScript，否则无法再重复$scope.$watch("disableProperty", function(newValue, OldValue) { if(newValue != OldValue) { //if(newValue == false)// check true or false if you want which time this function will fire //{ $scope.total1() //} } }); 4次<div>，除非您使用JavaScript。

此代码段使用HTML演示DRY。

<强>目标

制作一行3张相同的图片，点击后会转到同一位置。

典型方式

前3个图片是重复每个<div>集标记的典型方式。
DRY方式

底部的3张图片实际上是a > img垂直重复的background-image属性，其值为background-repeat。

<强>段

＆＃13;

repeat-y

＆＃13;

* {
  margin: 0;
  padding: 0;
  border: 0 none transparent;
}
img {
  width: 200px;
  height: 200px;
}
.pic {
  width: 610px;
  height: 200px;
  background: url(http://imgh.us/Lenna.png) repeat-x;
  background-size: 200px 200px;
}

＆＃13;

HTML href到子元素

2 个答案: