10 2021 档案

vue 深度作用选择器
摘要：深度作用选择器 在vue中，为了避免父组件的样式影响到子组件，我们会在style中加scoped属性，声明CSS只作用于当前组件中的元素（没有使用scoped的则会被当成全局CSS使用）。 但是有时候我们在使用scoped后，希望某些选择器能作用在更深的地方，比如它的子组件。我们就可以使用>>>操作 阅读全文
posted @ 2021-10-27 14:46 可爱的黑精灵 阅读(195) 评论(0) 推荐(0)
CSS3新增伪类选择符:nth-child用法
摘要：:nth-child E:nth-child(n) 匹配其父元素的第n个子元素，如果该子元素不是E，则选择符无效。如：p:nth-child(2)，匹配父元素的第二个子元素，如果该元素是p则生效。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" 阅读全文
posted @ 2021-10-26 16:36 可爱的黑精灵 阅读(975) 评论(0) 推荐(0)
Element ui 修改表格的hover效果
摘要：.el-table--enable-row-hover .el-table__body tr:hover > td { background-color: rgba(0, 0, 0, 0) !important; } 阅读全文
posted @ 2021-10-25 08:39 可爱的黑精灵 阅读(1594) 评论(0) 推荐(0)
Element ui 设置表头和行样式
摘要：.el-table__header tr, .el-table__header th { ... } .el-table__body tr, .el-table__body td { ... } 阅读全文
posted @ 2021-10-25 08:36 可爱的黑精灵 阅读(392) 评论(0) 推荐(0)
Jquery 实现h5的autocomplete
摘要：autocomplete autocomplete属性是html5新增的属性MDN DOCS，它是用来在用户填写表单字段值时，帮助用户自动输入用户过去输入过的值。 jquery 实现 由于autocomplete在移动端web表现的不太好，所以用jquery来手动实现。 <!DOCTYPE html 阅读全文
posted @ 2021-10-19 09:19 可爱的黑精灵 阅读(406) 评论(0) 推荐(0)