伪类的使用之如何在一段文字前面添加一个点

示例

HTML内容：

　　<p>　　

1.table是个好东西，如果你想使图片和文字对齐，用table的<td>标签控制，可以使他们保持对齐。

2.table还能解决浮动的居中对齐问题，其实我们用float的话会出现相当多的问题，大多数时候，我觉得可以用table来取代float来控制向右对齐，向左对齐的　　　　问题。

3.其实表单的对齐用table来控制，十分方便。有的时候不同的样式用同一种代码是无法解决的，你可以用width=“100%”或者width=“50px”等不同的方式去试试，也许就能解决。

以上是我在做项目时自己的总结，如有不对，欢迎大家指正，也可以补充哦。

　　</p>

</div>

less内容：

用伪类插入一个点后less代码()：

.sub-cell p{
      background-color: #f7f7f7;
      .px2rem(font-size, 24);
      .px2rem(line-height, 36);
      .px2rem(padding-top,24);
      .px2rem(padding-right, 40);
      .px2rem(padding-bottom, 32);
      .px2rem(padding-left, 50);
      position: relative;
      &::before{
        content :counter(sub-item,disc);
        display: block;
        position: absolute;
        .px2rem(left, 30);
        .px2rem(top, 20);
      }
    }

前后对比会发现在文字前面加了一个点。

转载于:https://www.cnblogs.com/zhangmei/p/5710701.html

伪类的使用之如何在一段文字前面添加一个点相关推荐

css文字右边加横线,CSS伪类before，after制作左右横线中间文字效果
Title .container{ width: 1000px; margin: 10px auto; border: 1px solid red; } h3.title { color: #F2AE ...
字段校验 css样式_CSS伪类：根据输入的表单字段样式
字段校验 css样式 The following is an extract from our book, CSS Master, written by Tiffany B. Brown. Copie ...
js进阶 10-8 伪类选择器有哪几类（自己不用，永远不是自己的）
js进阶 10-8 伪类选择器有哪几类(自己不用,永远不是自己的) 一.总结一句话总结:自己不用,永远不是自己的. 0.学而不用,却是为何? 自己不用,永远不是自己的,有需求的时候要想到它,然后操作 ...
CSS3伪类和伪元素的特性和区别
前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及<a>标签的:link.visited等,伪元素较常见的比如:before.:after等. 其 ...
CSS :active 伪类
:active -- CSS :active 伪类,适用于一个元素被激活时的样式语法: :active CSS版本:CSS1 引用网址:http://www.dreamdu.com/css/pseu ...
CSS：基本概念、选择器、伪类伪元素
基本概念 HTML使用结构化标记的理由:易于建立内容索引.增加文档可用性.增加可访问性.易于维护. 元素(element):文档结构的基础,每个元素生成一个框(box)其中包含元素的内容, 元素的两 ...
任意元素的focus伪类
在w3school中国上可以查看到这么一句话: 定义和用法 :focus 伪类在元素获得焦点时向元素添加特殊的样式. 注释:IE 浏览器不支持此属性. 说明这个伪类应用于有焦点的元素.例如 HTML ...
[css] :placeholder-shown和:focus-within这两个伪类你有使用过吗？说说看
[css] :placeholder-shown和:focus-within这两个伪类你有使用过吗?说说看 :focus-within 是一个CSS 伪类 ,表示一个元素获得焦点,或,该元素的后代元素 ...
java的string访问某个元素_CSS伪类与伪元素总是傻傻分不清，这份总结够面试用了
熟悉前端的人都会听过 css 的伪类与伪元素,然而大多数的人都会将这两者混淆.本文从解析伪类与伪元素的含义出发,区分这两者的区别,并且列出大部分伪类与伪元素的具体用法,即使你有用过伪类与伪元素,但里面 ...

伪类的使用之如何在一段文字前面添加一个点

伪类的使用之如何在一段文字前面添加一个点相关推荐

最新文章

热门文章