通过对父元素使用blockstyle向子元素添加类标记(Typo3 6.2.2)
当定义的blockstyle添加到父元素时,是否可以告诉RTE解析器修改所有直接子元素的class属性 编辑1 如果RTE内容是这样的通过对父元素使用blockstyle向子元素添加类标记(Typo3 6.2.2),typo3,typoscript,rte,Typo3,Typoscript,Rte,当定义的blockstyle添加到父元素时,是否可以告诉RTE解析器修改所有直接子元素的class属性 编辑1 如果RTE内容是这样的 <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> RTE应自动将“我的自定义子类”添加到所有li-元素中 <ul class="my-custom-class&qu
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
RTE应自动将“我的自定义子类”添加到所有li
-元素中
<ul class="my-custom-class">
<li class="my-custom-sub-class">Item 1</li>
<li class="my-custom-sub-class">Item 2</li>
<li class="my-custom-sub-class">Item 3</li>
</ul>
你能用这个代替吗
.parent>子对象
将只针对直接子对象(特别是divs id=1和id=2)
就我个人而言,我尽量避免依赖于能够向元素添加类,而是依赖于现代CSS的特定定位功能我们正在讨论CMS中的RTE(如WordPress中的tinyMCE),对吗?如果是这样的话,那就是太具体了。请参阅下文,了解如何使用CSS定位特定元素。仅使用CSS这将是最简单的方法。但是我认为我可以使用RTE块样式来实现典型的bootstrap List-Group-Feature。对,但是要自动将一个类添加到所有直接子类中,将需要大量的编程,我想很多人都不会使用这些编程。它还要求RTE有点读心术,或者至少需要一个精心设计的界面来配置RTE以自动分配类——当许多RTE无法处理更简单的事情时,它会如何管理这些?那么删除这些类呢?可悲的是,我认为你所问的是一个注定会成为噩梦的梦……那么,最好定义两种不同的区块样式,一个用于
ul
-元素,另一个用于li
-元素。我在谷歌上搜索的所有拼写错误RTE都解决了向同一元素添加多个类,但不会自动向子元素添加类的问题。同样,我更喜欢使用CSS来抓住我需要的东西。它使生成的HTML更小,也使我更容易阅读。
<ul class="my-custom-class">
<li class="my-custom-sub-class">Item 1</li>
<li class="my-custom-sub-class">Item 2</li>
<li class="my-custom-sub-class">Item 3</li>
</ul>
// jQuery -> https://jsfiddle.net/du6r7ow1/1/
$('ul.my-custom-class > li').addClass('my-custom-sub-class');
// MooTools -> https://jsfiddle.net/u53516cu/
$$('ul.my-custom-class > li').addClass('my-custom-sub-class');
.parent > div {
border:1px dashed red;
}
<div class="parent">
<div id="1">this div will get targeted
<div>this div won't get targeted</div>
<p>jabberwocky</p>
</div>
<div id="2">this div will get targeted
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
ul.my-custom-class {
/* definitions for the ul */
}
ul.my-custom-class > li {
/* definitions for only the directly descended lis */
}
<ul class="my-custom-class">
<li>Item 1</li>
<ul>
<li>will NOT be affected</li>
<li>will NOT be affected</li>
</ul>
<li>Item 2</li>
<li>Item 3</li>
</ul>