HTML，CSS 技巧篇 ---- 后续持续更新

思蒂兰特

于 2019-06-18 17:13:59 发布

阅读量160

点赞数

CC 4.0 BY-SA版权

分类专栏：技巧篇文章标签： HTML CSS

本文链接：https://blog.youkuaiyun.com/weixin_42646130/article/details/92796485

技巧篇专栏收录该内容

3 篇文章

订阅专栏

博客主要围绕信息技术领域展开，涉及前端开发的相关内容。包括设置行内样式后hover伪类无效的问题，在VUE里设置home初始高度，以及容器居中的相关探讨，与HTML、CSS技术紧密相关。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一，设置行内样式后 hover 伪类无效

 在属性后面设置 **!important** 即可，
 例：
  .main_left_list li:hover{
	    border-left:#4369d2 solid 5px !important;
	    background-color: #0d1b38 !important;
  }

二， VUE里面设置 home初始高度

html,body,#app{
  height: 100%;
  margin: 0;
  padding: 0;
}

三，關於容器的居中

  在需要居中的容器上設置即可（適用大多數場景）
  	   width: 500px;
       height:300px ;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%,-50%);