Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.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
通过对父元素使用blockstyle向子元素添加类标记(Typo3 6.2.2)_Typo3_Typoscript_Rte - Fatal编程技术网

通过对父元素使用blockstyle向子元素添加类标记(Typo3 6.2.2)

通过对父元素使用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

当定义的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">
   <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>