Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Using:active for Blogger中标签的CSS编码_Html_Css_Blogger - Fatal编程技术网

Html Using:active for Blogger中标签的CSS编码

Html Using:active for Blogger中标签的CSS编码,html,css,blogger,Html,Css,Blogger,我一直试图在我博客的右侧边栏中对我的标签列表进行编码,我发现一旦标签被选中,我就无法编辑它 我曾尝试在CSS中使用:active代码,但我在这方面相对缺乏经验,我不确定我会错在哪里 .Label a { padding-left:0px; background:#ffffff no-repeat scroll 5px 10px; list-style-type: none; padding:5px 5px 5px 20px; color:#333333!i

我一直试图在我博客的右侧边栏中对我的标签列表进行编码,我发现一旦标签被选中,我就无法编辑它

我曾尝试在CSS中使用:active代码,但我在这方面相对缺乏经验,我不确定我会错在哪里

.Label a {
    padding-left:0px;
    background:#ffffff no-repeat scroll 5px 10px;
    list-style-type: none;
    padding:5px 5px 5px 20px;
    color:#333333!important;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius: 7px;
    text-decoration:none;
    font: 14px Georgia, verdana;
    color:#333333;
    border: 1px solid #dddddd;
    float:left;
    margin: 0 0 5px 0px;
}
.Label a:hover {
    border:1px solid #555555;
    text-decoration:none;
    ccolor:#555555
}
.Label a:active {
    padding-left:0px;
    background:#ffffff no-repeat scroll 5px 10px;
    list-style-type: none;
    padding:5px 5px 5px 20px;
    color:#333333!important;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius: 7px;
    text-decoration:none;
    font: 14px Georgia, verdana;
    color:#333333;
    border: 1px solid #dddddd;
    float:left;
    margin: 0 0 5px 0px;
}

非常感谢您的帮助:

您需要添加以下css类

.Label span{
    background: none no-repeat scroll 5px 10px #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 7px;
    color: #333333 !important;
    float: left;
    font: 14px Georgia,verdana;
    list-style-type: none;
    margin: 0 0 5px;
    padding: 5px 5px 5px 20px;
    text-decoration: none;
}

我认为当你点击链接时,你有问题。若你们在inspect元素中看到,你们会发现当你们进入页面时并没有链接,所以首先解决这个问题,若它不是一个问题,那个么使用这个css,希望它能起作用

.Label .label-size span
   { 
   padding-left:0px; 
   background:#ffffff no-repeat scroll 5px 10px;
   list-style-type: none; 
   padding:5px 5px 5px 20px; 
   color:#333333!important; 
   border-radius:7px; 
  -moz-border-radius:7px;
  -webkit-border-radius: 7px;  
   text-decoration:none;font: 14px Georgia, verdana; color:#333333; 
   border: 1px solid #dddddd;
   float:left; 
   margin: 0 0 5px 0px;
   } 

非常感谢,太棒了!