icons = re.findall('class="houseIcon"></span>(.*?)</div>', str(info))[0].strip().split('|')是什么意思
时间: 2024-06-04 14:06:30 浏览: 10
这行代码使用正则表达式从一个 HTML 标签(`info`)中提取出所有符合条件的文本,即包含 `class="houseIcon"></span>` 的 `<div>` 标签中的文本。然后,将这些文本按照 `|` 进行分割,并将分割后的结果存储在 `icons` 变量中。
具体来说,正则表达式 `class="houseIcon"></span>(.*?)</div>` 匹配的是一个 `<div>` 标签,该标签中包含 `class="houseIcon"></span>` 这个文本,然后紧跟着的就是我们想要提取的文本,而这个文本可以是任何字符(`.*?` 表示匹配任意字符,`?` 表示非贪婪匹配),直到遇到 `</div>` 标签为止。最后,使用 `strip()` 方法去除字符串两侧的空格,并使用 `split('|')` 方法将字符串按照 `|` 进行分割。
相关问题
<div class="about interest"> <h2 class="title2">兴趣爱好</h2> <ul> <li><span class="material-icons" style="vertical-align: -6px;"> piano </span> 钢琴 </li> <li><span class="material-icons" style="vertical-align: -6px;"> code </span> 编程 </li> <li><span class="material-icons" style="vertical-align: -6px;"> nightlife </span> 唱歌 </li> <li><span class="material-icons" style="vertical-align: -6px;"> savings </span> 宠物 </li> </ul> </div>加入鼠标事件
好的,您可以在每个li标签中加入onmouseover和onmouseout属性,来实现鼠标移入移出时的效果。例如:
```
<div class="about interest">
<h2 class="title2">兴趣爱好</h2>
<ul>
<li onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">
<span class="material-icons" style="vertical-align: -6px;">piano</span>
钢琴
</li>
<li onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">
<span class="material-icons" style="vertical-align: -6px;">code</span>
编程
</li>
<li onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">
<span class="material-icons" style="vertical-align: -6px;">nightlife</span>
唱歌
</li>
<li onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">
<span class="material-icons" style="vertical-align: -6px;">savings</span>
宠物
</li>
</ul>
</div>
```
在这个例子中,当鼠标移入li标签时,会将字体颜色改为红色,当鼠标移出时,又将字体颜色改回黑色。您可以根据自己的需求来修改鼠标事件的效果。
<div class="col-sm-6 col-md-6 text-center"> <span class="icons c4"><i class="icon-trophy"></i></span> <div class="box-area"> <h3>象棋</h3> <img src="images/xq.jpg"> </div> </div> 用css调节图片大小
可以使用 CSS 中的 `width` 和 `height` 属性来调节图片大小。例如,如果你想将图片的宽度设置为 200 像素,高度自适应,可以使用以下 CSS 代码:
```
.box-area img {
width: 200px;
height: auto;
}
```
如果你想将图片的高度设置为 150 像素,宽度自适应,可以使用以下 CSS 代码:
```
.box-area img {
height: 150px;
width: auto;
}
```
你可以根据实际需要来设置图片的大小。